html {
    font-size: 100%;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent
}

article, aside, blockquote, body, button, dd, div, dl, dt, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, input, legend, li, menu, nav, ol, p, pre, section, select, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-size: 100%
}

address, cite, dfn, em, i, var {
    font-style: normal
}

strong {
    font-weight: 400
}

ol, ul {
    list-style: none
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%
}

button:focus, input:focus, select:focus, textarea:focus {
    outline: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button
}

textarea {
    overflow: hidden;
    vertical-align: top
}

input, textarea {
    -webkit-appearance: none
}

input::-ms-clear, input::-ms-reveal, textarea::-ms-clear, textarea::-ms-reveal {
    display: none
}

input[type=search] {
    -webkit-appearance: none
}

input[type=search]::-ms-clear, input[type=search]::-ms-reveal {
    display: none
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none
}

img {
    border: none;
    vertical-align: top
}

a {
    text-decoration: none
}

a:active, a:hover, a:link, a:visited {
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body {
    font: 12px/1.5 PingFangSC-Regular, Helvetica, Arial, Microsoft Yahei, sans-serif;
    background: #fff;
    min-width: 920px
}

.dn {
    display: none !important
}

.no-visible {
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn-enter-active {
    animation: fadeIn .1s
}

@keyframes fadeOutIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeOutIn-enter-active {
    animation-duration: .3s;
    animation-name: fadeOutIn;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0, 0, .5, 1)
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(.1);
        transform-origin: center top
    }
    60% {
        opacity: 1;
        transform: scale(1);
        transform-origin: center top
    }
}

.zoomIn-enter-active {
    animation: zoomIn .3s
}

@keyframes zoomInRt {
    0% {
        opacity: 0;
        transform: scale(.1);
        transform-origin: right top
    }
    60% {
        opacity: 1;
        transform: scale(1);
        transform-origin: right top
    }
}

.zoomInRt-enter-active {
    animation: zoomInRt .3s
}

@font-face {
    font-family: iconfont;
    src: url(//static.qiyi.com/ext/common/pcw-v4-font/iconfont.eot);
    src: url(//static.qiyi.com/ext/common/pcw-v4-font/iconfont.eot#iefix) format("embedded-opentype"), url(//static.qiyi.com/ext/common/pcw-v4-font/iconfont.woff) format("woff"), url(//static.qiyi.com/ext/common/pcw-v4-font/iconfont.ttf) format("truetype"), url(//static.qiyi.com/ext/common/pcw-v4-font/iconfont.svg#iconfont) format("svg")
}

.qy-svgicon {
    display: inline-block;
    vertical-align: -1px;
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.qy-svgicon-arrow-left:before {
    content: "\E82C"
}

.qy-svgicon-arrow-right:before {
    content: "\E82D"
}

.qy-svgicon-guide-narrow:before {
    content: "\E85C"
}

.qy-svgicon-upload:before {
    content: "\E85D"
}

.qy-svgicon-record:before {
    content: "\E85E"
}

.qy-svgicon-info:before {
    content: "\E85F"
}

.qy-svgicon-pca-dwn:before {
    content: "\E860"
}

.qy-svgicon-PC-12:before {
    content: "\E861"
}

.qy-svgicon-pad-12:before {
    content: "\E862"
}

.qy-svgicon-phone-12:before {
    content: "\E863"
}

.qy-svgicon-play-14:before {
    content: "\E864"
}

.qy-svgicon-search:before {
    content: "\E866"
}

.qy-svgicon-trashcan:before {
    content: "\E867"
}

.qy-svgicon-camera:before {
    content: "\E868"
}

.qy-svgicon-focus-today:before {
    content: "\E869"
}

.qy-svgicon-praise:before {
    content: "\E86A"
}

.qy-svgicon-grade-star:before {
    content: "\E86B"
}

.qy-svgicon-news-point16:before {
    content: "\E86D"
}

.qy-svgicon-praise-hollow:before {
    content: "\E86E"
}

.qy-svgicon-collected:before {
    content: "\E86F"
}

.qy-svgicon-stampe:before {
    content: "\E870"
}

.qy-svgicon-stampe-hollow:before {
    content: "\E871"
}

.qy-svgicon-guide-narrow-up:before {
    content: "\E875"
}

.qy-svgicon-sign:before {
    content: "\E876"
}

.qy-svgicon-user:before {
    content: "\E872"
}

.qy-svgicon-anchorShare:before {
    content: "\E877"
}

.qy-svgicon-anchorDwn:before {
    content: "\E878"
}

.qy-svgicon-anchorVideo:before {
    content: "\E879"
}

.qy-svgicon-anchorTop:before {
    content: "\E87A"
}

.qy-svgicon-anchorHelp:before {
    content: "\E87B"
}

.qy-svgicon-close:before {
    content: "\E865"
}

.qy-svgicon-collect:before {
    content: "\E880"
}

.qy-svgicon-change:before {
    content: "\E885"
}

.qy-svgicon-vip:before {
    content: "\E8AF"
}

.qy-svgicon-anchorIntegral:before {
    content: "\E8A9"
}

.qy-svgicon-paopao:before {
    content: "\E8A3"
}

.qy-svgicon-ok:before {
    content: "\E8A4"
}

.qy-svgicon-intro:before {
    content: "\E8A5"
}

.qy-svgicon-report:before {
    content: "\E8BE"
}

.qy-svgicon-exchange:before {
    content: "\E8B7"
}

.qy-svgicon-playicon:before {
    content: "\E8BD"
}

.qy-svgicon-comment:before {
    content: "\E8BA"
}

.qy-svgicon-hot:before {
    content: "\E917"
}

.qy-svgicon-circle-index:before {
    content: "\E928"
}

.qy-svgicon-change-bold:before {
    content: "\E937"
}

.qy-svgicon-bofang:before {
    content: "\E938"
}

.qy-svgicon-time:before {
    content: "\E936"
}

.qy-svgicon-like:before {
    content: "\E986"
}

.qy-svgicon-ques:before {
    content: "\E9A0"
}

.qy-svgicon-more:before {
    content: "\E9A6"
}

.qy-svgicon-barrage-list:before {
    content: "\E9A7"
}

.qy-scroll-anchor {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1000
}

.qy-scroll-anchor .anchor-list {
    margin-top: 10px
}

.qy-scroll-anchor .anchor-item {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: hsla(0, 0%, 100%, .9);
    cursor: pointer;
    vertical-align: top;
    box-shadow: 0 0 5px 0 rgba(2, 2, 2, .2);
    color: #999;
    line-height: 36px;
    text-align: center
}

.qy-scroll-anchor .anchor-item:hover {
    border-radius: 0 50% 50% 0;
    background-color: #e0f7e2;
    box-shadow: none;
    color: #00be06
}

.qy-scroll-anchor .anchor-item:hover .anchor-txt {
    padding-left: 17px;
    max-width: 200px;
    transition: max-width .1s ease
}

.qy-scroll-anchor .anchor-change .anchor-item:hover, .qy-scroll-anchor .anchor-integral .anchor-item:hover {
    border-radius: 50%
}

.qy-scroll-anchor .anchor-change:hover .anchor-item, .qy-scroll-anchor .anchor-integral:hover .anchor-item {
    background-color: #e0f7e2;
    box-shadow: none;
    color: #00be06
}

.qy-scroll-anchor .anchor-integral .dot {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #ff6000
}

.qy-scroll-anchor .anchor-change {
    position: relative
}

.qy-scroll-anchor .anim-changing .anchor-item {
    background-color: #e0f7e2;
    box-shadow: none;
    color: #00be06
}

.qy-scroll-anchor .anim-changing .qy-svgicon-change {
    -webkit-animation: anim-changing 1s infinite;
    animation: anim-changing 1s infinite
}

@-webkit-keyframes anim-changing {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes anim-changing {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.qy-scroll-anchor .qy-svgicon {
    font-size: 16px
}

.qy-scroll-anchor .anchor-txt {
    position: absolute;
    top: 0;
    right: 35px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    max-width: 0;
    padding: 0;
    text-align: right;
    white-space: nowrap;
    background-color: #e0f7e2;
    overflow: hidden;
    border-radius: 18px 0 0 18px
}

.qy-scroll-anchor .change-txt {
    font-size: 12px;
    color: #666
}

.qy-scroll-anchor .change-r .qy-svgicon-close {
    margin-left: 9px;
    font-size: 12px;
    color: #cecece;
    cursor: pointer
}

.qy-scroll-anchor .change-r .qy-svgicon-close:hover {
    color: #00be06
}

.qy-scroll-anchor .qy-change-popup {
    position: absolute;
    right: 46px;
    left: -242px;
    top: 50%;
    margin-top: -15px
}

.qy-scroll-anchor .qy-change-popup .qy-popup-box {
    display: inline-block;
    padding: 4px 10px;
    font-size: 0;
    white-space: nowrap
}

.qy-scroll-anchor .qy-change-popup .qy-popup-box .popup-box-arrow {
    left: auto;
    right: 0;
    top: 50%;
    margin-top: -7px;
    margin-left: 0
}

.qy-scroll-anchor .qy-change-popup .qy-popup-box .popup-box-arrowOut {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px;
    border-color: transparent transparent transparent #e4e4e4;
    top: 0
}

.qy-scroll-anchor .qy-change-popup .qy-popup-box .popup-box-arrowIn {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px;
    border-color: transparent transparent transparent #fff;
    left: -9px;
    top: -7px
}

.qy-scroll-integral {
    position: relative
}

.qy-scroll-integral .signin {
    position: absolute;
    z-index: 1;
    top: -60px;
    right: -11px
}

.qy-scroll-integral .signin.disabled {
    -webkit-animation: signinZoomOut .3s 0s ease-in forwards;
    animation: signinZoomOut .3s 0s ease-in forwards
}

.qy-scroll-integral .signin:hover .qy-svgicon-close {
    display: block
}

.qy-scroll-integral .signin .qy-popup-box {
    border-color: #f8f8f8;
    background-color: #f8f8f8;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15)
}

.qy-scroll-integral .signin .qy-popup-box.top .popup-box-arrowOut {
    border-top-color: #e5e5e5
}

.qy-scroll-integral .signin .qy-popup-box.top .popup-box-arrowIn {
    border-top-color: #f8f8f8
}

.qy-scroll-integral .signin .qy-svgicon-close {
    display: none;
    position: absolute;
    top: -21px;
    right: 0;
    padding-left: 5px;
    padding-bottom: 4px;
    font-size: 12px;
    color: #cecece;
    cursor: pointer
}

.qy-scroll-integral .signin .qy-svgicon-close:hover {
    color: #00be06
}

.qy-scroll-integral .signin-btn {
    position: relative;
    display: inline-block;
    padding: 6px 10px;
    width: 56px;
    height: 48px;
    box-sizing: border-box;
    line-height: 18px;
    color: #00c300;
    font-size: 12px;
    text-align: center;
    cursor: default
}

.qy-scroll-integral .integral-panel {
    position: absolute;
    top: -88px;
    right: 46px
}

.qy-scroll-integral .integral-panel .qy-popup-box .popup-box-arrow {
    right: 0;
    left: auto;
    top: 111px
}

.qy-scroll-integral .integral-panel .qy-popup-box .popup-box-arrowOut {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px;
    border-color: transparent transparent transparent #e4e4e4
}

.qy-scroll-integral .integral-panel .qy-popup-box .popup-box-arrowIn {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px;
    border-color: transparent transparent transparent #fff;
    left: -8px;
    top: -7px
}

.qy-scroll-integral .integral-panel.first-screen {
    top: -134px
}

.qy-scroll-integral .integral-panel.first-screen .qy-popup-box .popup-box-arrow {
    top: 157px
}

.qy-scroll-integral .integral-con {
    width: 299px
}

.qy-scroll-integral .integral-item {
    padding: 12px 13px;
    border-bottom: 1px solid #f5f5f5
}

.qy-scroll-integral .integral-icons {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    background: url(//www.iqiyipic.com/common/fix/site-v4/personal-center/integral-panel-icons.png) no-repeat
}

.qy-scroll-integral .integral-icons.watch {
    background-position: -180px 0
}

.qy-scroll-integral .integral-icons.paopao {
    background-position: -180px -40px
}

.qy-scroll-integral .integral-icons.sign {
    background-position: -220px 0
}

.qy-scroll-integral .item-icon {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 0;
    left: 0
}

.qy-scroll-integral .task {
    position: relative;
    padding: 0 64px 0 45px
}

.qy-scroll-integral .task-title {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    position: relative;
    line-height: 16px;
    margin-bottom: 4px;
    color: #333;
    font-size: 14px;
    max-width: 100%
}

.qy-scroll-integral .task-tips {
    position: absolute;
    height: 16px;
    padding: 0 6px 0 7px;
    margin-left: 4px;
    top: -5px;
    left: 100%;
    border-radius: 8px;
    line-height: 16px;
    background-color: #ff8b02;
    color: #fff;
    font-size: 10px;
    white-space: nowrap
}

.qy-scroll-integral .task-tips:before {
    position: absolute;
    content: "";
    width: 9px;
    height: 16px;
    bottom: 0;
    left: -2px;
    background: url(//www.iqiyipic.com/common/fix/site-v4/personal-center/integral-panel-icons.png) no-repeat -120px -80px
}

.qy-scroll-integral .task-desc {
    line-height: 16px;
    color: #999;
    font-size: 12px
}

.qy-scroll-integral .integral-opt {
    position: absolute;
    top: 0;
    right: 0
}

.qy-scroll-integral .integral-btn {
    display: inline-block;
    width: 60px;
    height: 20px;
    border: 2px solid #f60;
    margin-top: 6px;
    line-height: 20px;
    text-align: center;
    color: #f60;
    font-size: 12px;
    border-radius: 12px
}

.qy-scroll-integral .integral-btn:hover {
    border: 2px solid #ff5400;
    background-color: #ff5400;
    color: #fff
}

.qy-scroll-integral .status-done {
    width: 50px;
    height: 50px;
    margin-top: -7px;
    background-position: -220px -40px
}

.qy-scroll-integral .integral-link {
    display: block;
    width: 140px;
    height: 28px;
    margin: 12px auto;
    line-height: 28px;
    text-align: center;
    background-color: #ff6000;
    border-radius: 14px;
    color: #fff;
    font-size: 12px
}

.qy-scroll-integral .integral-link:active, .qy-scroll-integral .integral-link:hover {
    background-color: #ff5400
}

.qy-scroll-integral .nologin {
    display: block;
    width: 118px;
    height: 100px;
    margin: 29px auto 19px;
    background-position: 0 0
}

.qy-scroll-integral .nologin-text {
    padding-bottom: 14px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #666
}

.qy-scroll-integral .nologin-text .nologin-link {
    color: #00be06
}

.qy-scroll-integral .zoomInRt-enter-active {
    -webkit-animation: panelFadein .3s 0s ease-out forwards;
    animation: panelFadein .3s 0s ease-out forwards
}

.qy-scroll-integral .add-points-tips {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -14px;
    width: 60px;
    height: 28px;
    background: #ff6000;
    border-radius: 28px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    -webkit-animation: pointFadeUp 1.2s 0s linear forwards;
    animation: pointFadeUp 1.2s 0s linear forwards
}

@-webkit-keyframes panelFadein {
    0% {
        opacity: .5;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: center right;
        transform-origin: center right
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center right;
        transform-origin: center right
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center right;
        transform-origin: center right
    }
}

@keyframes panelFadein {
    0% {
        opacity: .5;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: center right;
        transform-origin: center right
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center right;
        transform-origin: center right
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center right;
        transform-origin: center right
    }
}

@-webkit-keyframes pointFadeUp {
    0% {
        opacity: .3;
        margin-top: 4px
    }
    25% {
        opacity: 1;
        margin-top: -14px;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    33.3% {
        opacity: 1;
        margin-top: -14px;
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    41.6% {
        opacity: 1;
        margin-top: -14px;
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    49.9% {
        opacity: 1;
        margin-top: -14px;
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    58.2% {
        opacity: 1;
        margin-top: -14px;
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    66.5% {
        opacity: 1;
        margin-top: -14px;
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    75% {
        opacity: 1;
        margin-top: -14px;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    99.9% {
        opacity: .3;
        margin-top: -32px
    }
    to {
        opacity: 0;
        margin-top: -32px;
        visibility: hidden;
        display: none
    }
}

@keyframes pointFadeUp {
    0% {
        opacity: .3;
        margin-top: 4px
    }
    25% {
        opacity: 1;
        margin-top: -14px;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    33.3% {
        opacity: 1;
        margin-top: -14px;
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    41.6% {
        opacity: 1;
        margin-top: -14px;
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    49.9% {
        opacity: 1;
        margin-top: -14px;
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    58.2% {
        opacity: 1;
        margin-top: -14px;
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    66.5% {
        opacity: 1;
        margin-top: -14px;
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    75% {
        opacity: 1;
        margin-top: -14px;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    99.9% {
        opacity: .3;
        margin-top: -32px
    }
    to {
        opacity: 0;
        margin-top: -32px;
        visibility: hidden;
        display: none
    }
}

@-webkit-keyframes signinZoomOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    99.9% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        visibility: hidden;
        display: none
    }
}

@keyframes signinZoomOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    99.9% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        visibility: hidden;
        display: none
    }
}

.qy-popup-box {
    position: relative;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    border-radius: 5px;
    z-index: 1
}

.qy-popup-box .popup-box-arrow {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -7px
}

.qy-popup-box .popup-box-arrowOut {
    border-color: transparent transparent #e4e4e4;
    top: -14px
}

.qy-popup-box .popup-box-arrowIn, .qy-popup-box .popup-box-arrowOut {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px
}

.qy-popup-box .popup-box-arrowIn {
    border-color: transparent transparent #fff;
    left: -7px;
    top: -6px
}

.qy-popup-box.top .popup-box-arrow {
    top: auto;
    bottom: -15px
}

.qy-popup-box.top .popup-box-arrowOut {
    border-bottom-color: transparent;
    border-top-color: #e4e4e4
}

.qy-popup-box.top .popup-box-arrowIn {
    border-bottom-color: transparent;
    border-top-color: #fff;
    top: -8px
}

.qy-brower-guide {
    position: fixed;
    right: 18px;
    bottom: 20px;
    width: 320px;
    height: 240px;
    background: #fff url(//www.iqiyipic.com/common/fix/site-v4/sprite-browerGuide20180808.png) no-repeat 0 0;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    z-index: 1001
}

.qy-brower-guide .qy-icon-close {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 13px;
    height: 13px;
    background: url(//www.iqiyipic.com/common/fix/compate-browser/icon-close.png) no-repeat 0 0
}

.qy-brower-guide .qy-icon-close:hover {
    background-position: -20px 0
}

.qy-brower-guide .brower-guide {
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    margin-bottom: 16px;
    padding-top: 128px;
    color: #222
}

.qy-brower-guide .brower-btns {
    font-size: 0;
    text-align: center
}

.qy-brower-guide .brower-btn {
    display: inline-block;
    margin: 0 10px;
    width: 100px;
    height: 28px;
    line-height: 28px;
    *line-height: 29px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #00b606;
    border-radius: 14px
}

.qy-brower-guide .brower-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(//www.iqiyipic.com/common/fix/site-v4/sprite-browerGuide20180808.png) no-repeat;
    margin-right: 5px;
    vertical-align: -2px;
    *position: relative;
    *top: -3px
}

.qy-brower-guide .brower-icon-chrome {
    background-position: 0 -245px
}

.qy-brower-guide .brower-icon-ie {
    background-position: -20px -245px
}

.qy-play-rec-pop {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 288px;
    border: 1px solid #eee;
    border-top: 2px solid #00be06;
    z-index: 4000
}

.qy-play-rec-pop .rec-main {
    position: relative;
    padding: 0 14px;
    background-color: #fff
}

.qy-play-rec-pop .rec-hd {
    height: 35px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee
}

.qy-play-rec-pop .rec-hd-title {
    display: block;
    color: #00be06;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.qy-play-rec-pop .rec-close {
    position: absolute;
    right: 14px;
    top: 10px
}

.qy-play-rec-pop .qy-svgicon-close {
    font-size: 13px;
    color: #ccc;
    cursor: pointer
}

.qy-play-rec-pop .qy-svgicon-close:hover {
    color: #00be06
}

.qy-play-rec-pop .rec-bd {
    position: relative;
    padding-bottom: 24px;
    *zoom: 1
}

.qy-play-rec-pop .rec-bd:after, .qy-play-rec-pop .rec-bd:before {
    content: " ";
    display: table;
    clear: both
}

.qy-play-rec-pop .rec-img-link {
    display: block;
    position: relative;
    height: 100%
}

.qy-play-rec-pop .rec-img-big {
    width: 260px;
    height: 160px
}

.qy-play-rec-pop .rec-lt {
    float: left;
    margin-right: 18px;
    width: 112px;
    height: 149px
}

.qy-play-rec-pop .rec-rt {
    overflow: hidden;
    height: 149px;
    font-size: 12px
}

.qy-play-rec-pop .rec-lt-img {
    width: 100%;
    height: 100%
}

.qy-play-rec-pop .des-link {
    color: #222
}

.qy-play-rec-pop .des-link:hover {
    color: #00be06
}

.qy-play-rec-pop .btn-box {
    position: absolute;
    bottom: 25px;
    left: 145px
}

.qy-play-rec-pop .rec-bd-more {
    margin-bottom: 10px;
    *zoom: 1
}

.qy-play-rec-pop .rec-bd-more:after, .qy-play-rec-pop .rec-bd-more:before {
    content: " ";
    display: table;
    clear: both
}

.qy-play-rec-pop .rec-lt-more {
    float: left;
    margin-right: 10px;
    width: 145px;
    height: 90px
}

.qy-play-rec-pop .rec-rt-more {
    overflow: hidden;
    height: 90px;
    font-size: 12px
}

.qy-play-rec-pop .rec-rt-more .des-link {
    font-size: 14px
}

.qy-play-rec-pop .more-dec01, .qy-play-rec-pop .more-dec02 {
    line-height: 24px;
    color: #999;
    font-size: 12px
}

.qy-play-rec-pop .qy-svgicon-play-14 {
    margin-right: 1px;
    font-size: 12px;
    color: #ccc;
    vertical-align: top
}

.qy-play-rec-pop .rec-lang {
    display: inline-block;
    margin-right: 1px;
    color: #666;
    vertical-align: top
}

.qy-play-rec-pop .rec-item-link {
    width: 207px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.qy-play-rec-pop .rec-item-link:hover {
    color: #00be06
}

.qy-play-rec-pop .rec-bd-mod {
    margin-bottom: 10px
}

.qy-play-rec-pop .rec-img-26090 {
    width: 260px;
    height: 90px
}

.qy-play-rec-pop .rec-img-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 250px;
    height: 20px;
    line-height: 20px;
    padding: 2px 5px;
    background-color: rgba(0, 0, 0, .6)
}

.qy-play-rec-pop .rec-img-title .qy-svgicon-play-14 {
    font-size: 14px;
    color: #00be06
}

.qy-play-rec-pop .img-title {
    display: inline-block;
    width: 200px;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-play-rec-pop .rec-bd-tip {
    margin-bottom: 13px;
    font-size: 14px;
    color: #666
}

.qy-play-rec-pop .tip-btn-box {
    text-align: center
}

.qy-play-rec-pop .tip-btn-box .qy-button-middle {
    margin: 0 13px
}

.qy-play-rec-pop .orange {
    color: #ff6000
}

.qy-button-middle {
    display: inline-block;
    height: 24px;
    padding: 0 18px;
    line-height: 24px;
    text-align: center;
    border-radius: 15px;
    border: 2px solid #00be06;
    background-color: #00be06;
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

.qy-button-middle.hollow {
    background-color: transparent;
    color: #00be06
}

.qy-button-middle:hover {
    border-color: #00c806;
    background-color: #00c806;
    color: #fff
}

.qy-button-middle:active {
    border-color: #00b606;
    background-color: #00b606;
    color: #fff
}

.gold .qy-button-middle {
    border-color: #c8a06a;
    background-color: #c8a06a
}

.gold .qy-button-middle.hollow {
    background-color: transparent;
    color: #dab176
}

.gold .qy-button-middle:hover {
    border-color: #e2bc81;
    background-color: #e2bc81;
    color: #fff
}

.gold .qy-button-middle:active {
    border-color: #c8a06a;
    background-color: #c8a06a;
    color: #fff
}

.qy-logo {
    float: left;
    font-size: 0;
    *zoom: 1
}

.qy-logo:after, .qy-logo:before {
    content: " ";
    display: table;
    clear: both
}

.qy-logo .logo-sprite {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0
}

.qy-logo .logo-link {
    width: 105px;
    height: 50px;
    margin-top: 10px
}

.qy-logo .logo-link-nonIndex {
    width: 120px;
    height: 40px;
    margin-top: 14px;
    margin-top: 15px \0
}

.qy-logo .logo-dot {
    width: 3px;
    height: 3px;
    margin: 34px 10px 0;
    border-radius: 50%;
    background-color: #00be06
}

.qy-logo .logo-channel, .qy-logo .logo-dot {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0
}

.qy-logo .logo-channel {
    height: 24px;
    margin-top: 24px;
    line-height: 23px;
    font-size: 20px;
    color: #00be06
}

@media screen and (max-width: 1155px) {
    .qy-logo .logo-link-nonIndex {
        width: 105px;
        height: 35px;
        margin-top: 17px;
        margin-top: 18px \0
    }

    .qy-logo .logo-channel {
        font-size: 16px
    }
}

.qy-search {
    position: absolute;
    left: 50%;
    margin-left: -180px;
    margin-top: 14px
}

.qy-search .search-box {
    position: relative;
    box-sizing: border-box;
    height: 42px;
    padding-right: 96px;
    background-color: #333;
    border-radius: 21px
}

.qy-search .search-box.search-box-hover {
    background-color: #444
}

.qy-search .search-box.search-box-hover .search-box-input {
    color: #ccc
}

.qy-search .search-box-in {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    width: 222px;
    padding-right: 42px
}

.qy-search .search-box-input {
    display: block;
    width: 100%;
    height: 20px;
    padding: 11px 0;
    line-height: 20px;
    text-indent: 17px;
    border-radius: 21px 0 0 21px;
    background-color: transparent;
    border: 0;
    outline: 0;
    font-size: 16px;
    color: #999;
    font-family: Microsoft Yahei
}

.qy-search .search-box-input::-webkit-input-placeholder {
    color: #999;
    line-height: normal
}

.qy-search .search-box-input:-ms-input-placeholder {
    color: #999
}

.qy-search .search-box-input:-moz-placeholder, .qy-search .search-box-input::-moz-placeholder {
    color: #999
}

.qy-search .search-box-out {
    *zoom: 1;
    position: absolute;
    right: 0;
    top: 0
}

.qy-search .search-box-out:after, .qy-search .search-box-out:before {
    content: " ";
    display: table;
    clear: both
}

.qy-search .search-box-btn {
    display: block;
    width: 96px;
    height: 18px;
    padding: 12px 0;
    line-height: 18px;
    background-color: #00be06;
    border-radius: 0 21px 21px 0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.qy-search .search-box-btn:hover {
    background-color: #00c806
}

.qy-search .search-box-btn .qy-svgicon-search {
    font-size: 16px;
    margin-right: 4px;
    vertical-align: 0
}

.qy-search .search-box-inputBtn {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    border: 0;
    outline: 0;
    border-radius: 0 21px 21px 0;
    cursor: pointer
}

.qy-search .search-imgSer-entry {
    position: absolute;
    right: 106px;
    top: 50%;
    margin-top: -9px;
    color: #666;
    cursor: pointer
}

.qy-search .search-imgSer-entry:hover {
    color: #00be06
}

.qy-search .search-imgSer-entry .qy-svgicon-camera {
    font-size: 17px;
    line-height: 18px
}

.qy-search .search-result {
    position: absolute;
    left: 19px;
    right: 96px;
    top: 42px;
    z-index: 1001
}

.qy-search .search-result-con {
    padding: 3px 0 6px;
    border: 1px solid #f0f0f0;
    border-top: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    background-color: #fff
}

.qy-search .search-result-item {
    display: block;
    *zoom: 1;
    height: 32px;
    padding: 0 10px 0 15px;
    line-height: 32px;
    font-size: 14px;
    color: #222;
    cursor: pointer
}

.qy-search .search-result-item:after, .qy-search .search-result-item:before {
    content: " ";
    display: table;
    clear: both
}

.qy-search .search-result-item.selected, .qy-search .search-result-item:hover {
    color: #00be06;
    background-color: #f5f5f5
}

.qy-search .search-result-simple {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-search .search-result-list .search-result-item.selected, .qy-search .search-result-list .search-result-item:hover {
    color: #222
}

.qy-search .search-result-kw {
    color: #00be06
}

.qy-search .search-result-title {
    *zoom: 1;
    height: 32px;
    padding: 0 10px 0 15px;
    line-height: 32px;
    font-size: 14px;
    color: #999
}

.qy-search .search-result-title:after, .qy-search .search-result-title:before {
    content: " ";
    display: table;
    clear: both
}

.qy-search .search-result-clear {
    float: right;
    color: #00be06
}

.qy-search .search-result-clear .qy-svgicon-trashcan {
    width: 16px;
    font-size: 16px;
    margin-right: 6px
}

.qy-search .search-result-num {
    display: inline-block;
    width: 23px;
    height: 18px;
    margin-right: 10px;
    line-height: 18px;
    color: #fff;
    border-radius: 0 9px 9px 0;
    background-color: #d8d8d8;
    text-align: center
}

.qy-search .search-result-num.search-result-num1 {
    background-color: #00be06
}

.qy-search .search-result-num.search-result-num2 {
    background-color: #4cd150
}

.qy-search .search-result-num.search-result-num3 {
    background-color: #99e59b
}

.qy-search .search-result-avatar {
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle
}

.qy-search .search-result-to {
    margin-right: 5px
}

@media screen and (min-width: 1551px) {
    .qy-search {
        margin-left: -280px
    }

    .qy-search .search-box-in {
        width: 422px
    }
}

@media screen and (min-width: 1336px) and (max-width: 1550px) {
    .qy-search {
        margin-left: -230px
    }

    .qy-search .search-box-in {
        width: 322px
    }
}

@media screen and (max-width: 1335px) {
    .qy-search {
        margin-left: -180px
    }

    .qy-search .search-box-in {
        width: 222px
    }
}

@media screen and (max-width: 1155px) {
    .qy-search.qy-search-nonIndex {
        margin-left: -129px
    }
}

.qy-header-side {
    float: right;
    margin-top: 16px;
    *zoom: 1
}

.qy-header-side:after, .qy-header-side:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-side .header-sideItem {
    position: relative;
    float: left;
    margin-left: 15px
}

.qy-header-side .header-sideItem:first-child {
    margin-left: 0 !important
}

.qy-header-side .header-vip .qy-rank-vip {
    display: block;
    margin: 11px auto 1px
}

.qy-header-side .header-vip .header-sideItemCon, .qy-header-side .header-vip .header-sideItemCon.selected, .qy-header-side .header-vip .header-sideItemCon:hover {
    color: #dab176
}

.qy-header-side .header-sideItemCon {
    position: relative;
    display: block;
    text-align: center;
    color: #999;
    cursor: pointer;
    *zoom: 1
}

.qy-header-side .header-sideItemCon:after, .qy-header-side .header-sideItemCon:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-side .header-sideItemCon.selected, .qy-header-side .header-sideItemCon:hover {
    color: #00be06
}

.qy-header-side .header-sideItemCon.selected .header-userSign, .qy-header-side .header-sideItemCon:hover .header-userSign {
    color: #999
}

.qy-header-side .header-sideItemCon .qy-svgicon {
    line-height: 20px;
    font-size: 20px;
    margin-top: 10px
}

.qy-header-side .header-sideItemCon .qy-common-msgdot {
    position: absolute;
    top: 0;
    right: -3px
}

.qy-header-side .header-sideItemTit {
    display: none;
    height: 24px;
    line-height: 23px;
    font-size: 13px
}

.qy-header-side .header-userLink {
    position: relative;
    display: block;
    width: 34px;
    height: 34px;
    padding: 2px;
    border-radius: 50%;
    background-color: #999
}

.qy-header-side .header-userLink:hover {
    background-color: #00be06
}

.qy-header-side .header-userLink .qy-rank-tennis {
    position: absolute;
    right: -7px;
    bottom: -2px
}

.qy-header-side .header-userNovip .header-userLink {
    background-color: #00be06
}

.qy-header-side .header-userVip .header-userLink {
    background-color: #b9854c;
    background-repeat: repeat-x;
    background-image: linear-gradient(90deg, #b9854c, #d8bc89)
}

.qy-header-side .header-userImg {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.qy-header-side .header-userSign-link {
    color: #999
}

.qy-header-side .header-userSign-link:hover {
    color: #00be06
}

.qy-header-side .cutline {
    margin: 0 5px
}

.qy-header-side .side-icon-pcatip {
    position: absolute;
    top: -11px;
    right: -27px
}

@media screen and (max-width: 1155px) {
    .qy-header-side .side-icon-pcatip {
        top: -8px;
        right: -14px
    }
}

@media screen and (min-width: 1156px) {
    .qy-header-side .header-sideItem {
        margin-left: 25px
    }

    .qy-header-side .header-vip .qy-rank-vip {
        margin: 1px auto 2px
    }

    .qy-header-side .header-sideItemCon .qy-svgicon {
        margin-top: 0
    }

    .qy-header-side .header-sideItemTit {
        display: block
    }
}

.qy-header-vip-pop {
    display: none;
    position: absolute;
    left: 50%;
    top: 54px;
    margin-left: -112px;
    z-index: 1001
}

.qy-header-vip-pop.selected {
    display: block
}

.qy-header-vip-pop .qy-header-vipCon {
    width: 221px;
    padding-top: 13px;
    padding-bottom: 9px
}

.qy-header-vip-pop .header-vippop {
    padding-bottom: 8px
}

.qy-header-vip-pop .header-vippop-list {
    font-size: 14px;
    color: #222
}

.qy-header-vip-pop .header-vippop-item {
    height: 36px;
    line-height: 36px;
    padding-left: 27px;
    padding-right: 27px;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-header-vip-pop .header-vippop-item:hover {
    background-color: #f5f5f5
}

.qy-header-vip-pop .header-vippop-item:hover .header-vippop-list {
    color: #00be06
}

.qy-header-vip-pop .label-g, .qy-header-vip-pop .qy-head-side-icon {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 8px
}

.qy-header-vip-pop .label-g {
    max-width: 24px
}

.qy-header-vip-pop .header-pop-button {
    text-align: center
}

.qy-header-vip-pop.gold .header-vippop-item:hover .header-vippop-list {
    color: #c8a06a
}

.qy-head-side-icon {
    display: inline-block;
    background-image: url(//www.iqiyipic.com/common/fix/site-v4/sprite-head-sideIcon0521.png?v=20181207);
    background-repeat: no-repeat
}

.qy-head-side-icon.side-icon-novideo {
    width: 120px;
    height: 100px;
    background-position: 0 -540px
}

.qy-head-side-icon.side-icon-radio {
    width: 16px;
    height: 16px;
    background-position: -30px -120px
}

.qy-head-side-icon.side-icon-radio.selected {
    background-position: -60px -120px
}

.qy-head-side-icon.side-icon-delete {
    width: 10px;
    height: 10px;
    background-position: -90px -120px;
    cursor: pointer
}

.qy-head-side-icon.side-icon-nonotice {
    width: 120px;
    height: 100px;
    background-position: 0 -210px
}

.qy-head-side-icon.side-icon-nologin {
    width: 120px;
    height: 100px;
    background-position: 0 -430px
}

.qy-head-side-icon.side-icon-notice {
    width: 45px;
    height: 45px;
    background-position: -100px -150px
}

.qy-head-side-icon.side-icon-noad {
    width: 22px;
    height: 22px;
    background-position: -30px 0
}

.qy-head-side-icon.side-icon-rocket {
    width: 22px;
    height: 22px;
    background-position: -90px 0
}

.qy-head-side-icon.side-icon-1080p {
    width: 22px;
    height: 22px;
    background-position: -90px -30px
}

.qy-head-side-icon.side-icon-vip {
    width: 22px;
    height: 22px;
    background-position: -90px -60px
}

.qy-head-side-icon.side-icon-dolby {
    width: 22px;
    height: 22px;
    background-position: -30px -30px
}

.qy-head-side-icon.side-icon-newmovie {
    width: 22px;
    height: 22px;
    background-position: -30px -60px
}

.qy-head-side-icon.side-icon-hot {
    width: 22px;
    height: 22px;
    background-position: -30px -90px
}

.qy-head-side-icon.side-icon-videp {
    width: 20px;
    height: 20px;
    background-position: 0 0
}

.qy-head-side-icon.side-icon-mkvideo {
    width: 20px;
    height: 20px;
    background-position: 0 -30px
}

.qy-head-side-icon.side-icon-myspace {
    width: 20px;
    height: 20px;
    background-position: 0 -60px
}

.qy-head-side-icon.side-icon-manage {
    width: 20px;
    height: 20px;
    background-position: 0 -90px
}

.qy-head-side-icon.side-icon-data {
    width: 20px;
    height: 20px;
    background-position: 0 -120px
}

.qy-head-side-icon.side-icon-profit {
    width: 20px;
    height: 20px;
    background-position: -90px -90px
}

.qy-head-side-icon.side-icon-mp {
    width: 20px;
    height: 20px;
    background-position: -120px 0
}

.qy-head-side-icon.side-icon-pcatip {
    width: 46px;
    height: 18px;
    background-position: -120px -120px
}

.qy-head-side-icon.side-icon-vip-g {
    width: 24px;
    height: 22px;
    background-position: 0 -660px
}

.qy-head-side-icon.side-icon-gift-g {
    width: 24px;
    height: 22px;
    background-position: -30px -660px
}

.qy-head-side-icon.side-icon-welfare-g {
    width: 24px;
    height: 22px;
    background-position: -60px -660px
}

.qy-head-side-icon.side-icon-label-g {
    width: 24px;
    height: 22px;
    background-position: -90px -660px
}

.qy-head-side-icon.side-icon-login-record {
    width: 18px;
    height: 20px;
    background-position: 0 -690px
}

.qy-head-side-icon.side-icon-login-collect {
    width: 18px;
    height: 20px;
    background-position: -30px -690px
}

.qy-head-side-icon.side-icon-login-gift {
    width: 18px;
    height: 20px;
    background-position: -60px -690px
}

.gold .qy-head-side-icon.side-icon-noad {
    background-position: -60px 0
}

.gold .qy-head-side-icon.side-icon-dolby {
    background-position: -60px -30px
}

.gold .qy-head-side-icon.side-icon-newmovie {
    background-position: -60px -60px
}

.gold .qy-head-side-icon.side-icon-hot {
    background-position: -60px -90px
}

.qy-button-small {
    display: inline-block;
    height: 24px;
    padding: 0 15px;
    line-height: 24px;
    text-align: center;
    border-radius: 13px;
    background-color: #00be06;
    color: #fff;
    font-size: 12px;
    cursor: pointer
}

.qy-button-small:hover {
    background-color: #00c806;
    color: #fff
}

.qy-button-small:active {
    background-color: #00b606;
    color: #fff
}

.gold .qy-button-small {
    background-color: #c8a06a
}

.gold .qy-button-small:hover {
    background-color: #e2bc81;
    color: #fff
}

.gold .qy-button-small:active {
    background-color: #dab176;
    color: #fff
}

.qy-header-upload-pop {
    display: none;
    position: absolute;
    left: 50%;
    top: 54px;
    margin-left: -80px;
    z-index: 1001
}

.qy-header-upload-pop.selected {
    display: block
}

.qy-header-upload-pop .qy-header-uploadCon {
    width: 158px;
    padding-top: 14px;
    padding-bottom: 7px
}

.qy-header-upload-pop .header-uploadpop-list {
    font-size: 14px;
    color: #222
}

.qy-header-upload-pop .header-uploadpop-item {
    height: 32px;
    line-height: 32px;
    padding-left: 35px;
    margin-bottom: 3px
}

.qy-header-upload-pop .header-uploadpop-item:hover {
    background-color: #f5f5f5
}

.qy-header-upload-pop .header-uploadpop-item:hover .header-uploadpop-list {
    color: #00be06
}

.qy-header-upload-pop .qy-head-side-icon {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 12px
}

.qy-header-download-pop {
    display: none;
    position: absolute;
    left: 50%;
    top: 54px;
    z-index: 1001;
    margin-left: -99px
}

.qy-header-download-pop.selected {
    display: block
}

.qy-header-download-pop .qy-header-dlCon {
    width: 195px;
    padding-top: 15px;
    padding-bottom: 8px
}

.qy-header-download-pop .header-dlpop {
    padding-bottom: 5px
}

.qy-header-download-pop .header-dlpop-item {
    height: 32px;
    line-height: 32px;
    padding-left: 21px;
    margin-bottom: 7px;
    font-size: 14px;
    color: #222
}

.qy-header-download-pop .qy-head-side-icon {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 12px
}

.qy-header-download-pop .header-pop-button {
    text-align: center
}

.qy-header-record-pop {
    display: none;
    position: absolute;
    right: 0;
    top: 54px;
    z-index: 1001
}

.qy-header-record-pop.selected {
    display: block
}

.qy-header-record-pop .side-icon-radio {
    float: left;
    margin-right: 6px
}

.qy-header-record-pop .qy-header-record-inner {
    width: 298px;
    min-height: 384px;
    *zoom: 1
}

.qy-header-record-pop .qy-header-record-inner:after, .qy-header-record-pop .qy-header-record-inner:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-record-pop .header-pop-no-wrap {
    padding-top: 100px;
    margin: 0 auto;
    width: 225px;
    text-align: center
}

.qy-header-record-pop .header-pop-no-tips {
    line-height: 20px;
    font-size: 14px;
    margin: 17px 0;
    color: #666
}

.qy-header-record-pop .header-record-main-inner {
    position: relative;
    *zoom: 1;
    height: 343px;
    overflow: hidden
}

.qy-header-record-pop .header-record-main-inner:after, .qy-header-record-pop .header-record-main-inner:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-record-pop .header-record-filter {
    position: absolute;
    top: 15px;
    right: 13px;
    line-height: 16px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    z-index: 1;
    overflow: hidden
}

.qy-header-record-pop .header-pop-button-bottom {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0;
    text-align: center
}

.qy-header-record-pop .header-record-wrap {
    padding: 13px 0 0 13px
}

.qy-header-record-pop .header-record-wrap-con {
    margin-bottom: 7px;
    border-left: 2px solid #ebebeb;
    *overflow: hidden
}

.qy-header-record-pop .record-time {
    position: relative
}

.qy-header-record-pop .record-time-tips {
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    border-radius: 3px;
    padding: 0 5px;
    margin-left: 8px;
    color: #fff;
    background-color: #00be06
}

.qy-header-record-pop .record-time-tips .tips-trangle {
    position: absolute;
    display: inline-block;
    top: 5px;
    left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px;
    border-color: transparent #00be06 transparent transparent
}

.qy-header-record-pop .record-time-icon {
    position: absolute;
    top: 6px;
    left: -4px;
    font-size: 0;
    border: 1px solid #fff
}

.qy-header-record-pop .record-time-icon:after {
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #00be06
}

.qy-header-record-pop .record-list {
    padding: 5px 0
}

.qy-header-record-pop .record-list-info {
    position: relative;
    padding-left: 8px;
    padding-right: 12px;
    height: 30px;
    line-height: 30px;
    font-size: 0;
    cursor: pointer;
    overflow: hidden
}

.qy-header-record-pop .record-list-info .qy-svgicon {
    float: left;
    font-size: 12px;
    color: #e4e4e4;
    margin-right: 10px
}

.qy-header-record-pop .record-list-info.selected {
    padding-right: 6px;
    background-color: #f5f5f5
}

.qy-header-record-pop .record-list-info.selected .qy-svgicon {
    color: #00be06
}

.qy-header-record-pop .record-list-info.selected .recorder_list_item {
    width: 150px;
    color: #00be06
}

.qy-header-record-pop .record-list-info.selected .record-right-status {
    display: none
}

.qy-header-record-pop .record-list-info.selected .record-right-opt {
    display: block
}

.qy-header-record-pop .recorder_list_item {
    float: left;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #333
}

.qy-header-record-pop .record-right-status {
    float: right;
    text-align: right;
    font-size: 12px;
    color: #999
}

.qy-header-record-pop .record-right-opt {
    display: none;
    float: right;
    width: 92px;
    height: 30px;
    text-align: right
}

.qy-header-record-pop .record-right-opt .recorder-opt {
    color: #00be06;
    font-size: 12px
}

.qy-header-record-pop .record-right-opt .cutline {
    margin: 0 5px;
    font-size: 12px;
    color: #d5d5d5
}

.qy-header-record-pop .record-right-opt .side-icon-delete {
    margin-left: 8px;
    vertical-align: -1px
}

.qy-header-record-pop .qy-popup-box .popup-box-arrow {
    margin-left: 130px
}

.qy-header-record-pop .flipOutX-leave-active {
    -webkit-animation: flipOutXRecord .25s forwards ease-out;
    animation: flipOutXRecord .25s forwards ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.qy-header-record-pop.qy-header-record-pop-v1 {
    left: 50%;
    right: auto;
    margin-left: -224px
}

.qy-header-record-pop.qy-header-record-pop-v1 .qy-popup-box .popup-box-arrow {
    margin-left: 67px
}

@-webkit-keyframes flipOutXRecord {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        opacity: 1
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        height: 0
    }
}

@keyframes flipOutXRecord {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        opacity: 1
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        height: 0
    }
}

.qy-loading-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -19px
}

.qy-loading-icon .loading-icon {
    width: 40px;
    height: 39px
}

.qy-header-info-pop {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -241px;
    top: 54px;
    z-index: 1001
}

.qy-header-info-pop.selected {
    display: block
}

.qy-header-info-pop .qy-header-info-inner {
    position: relative;
    width: 298px;
    min-height: 384px;
    font-size: 0;
    *zoom: 1
}

.qy-header-info-pop .qy-header-info-inner:after, .qy-header-info-pop .qy-header-info-inner:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-info-pop .header-pop-no-wrap {
    padding-top: 90px;
    margin: 0 auto;
    width: 225px;
    text-align: center
}

.qy-header-info-pop .header-pop-no-tips {
    line-height: 20px;
    font-size: 14px;
    margin: 17px 0;
    color: #666
}

.qy-header-info-pop .green-text {
    color: #00be06;
    cursor: pointer
}

.qy-header-info-pop .header-pop-button-bottom {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0;
    text-align: center
}

.qy-header-info-pop .header-info-filter {
    float: left;
    line-height: 24px;
    font-size: 12px;
    color: #333;
    cursor: pointer
}

.qy-header-info-pop .header-info-tab {
    overflow: hidden
}

.qy-header-info-pop .header-info-tab-list {
    height: 38px;
    padding-left: 17px;
    border-bottom: 2px solid #e6e6e6;
    line-height: 38px;
    font-size: 0;
    white-space: nowrap
}

.qy-header-info-pop .header-info-tab-title {
    color: #222
}

.qy-header-info-pop .header-info-tab-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    padding: 0 16px;
    font-size: 14px;
    cursor: pointer
}

.qy-header-info-pop .header-info-tab-item.selected .header-info-tab-title {
    color: #00be06
}

.qy-header-info-pop .header-info-tab-item.selected .header-info-tab-selected {
    display: block
}

.qy-header-info-pop .header-info-tab-item .qy-common-msgdot {
    position: absolute;
    top: 9px;
    right: 7px;
    box-shadow: 0 1px 3px 0 rgba(255, 57, 40, .35)
}

.qy-header-info-pop .header-info-tab-selected {
    display: none;
    position: absolute;
    width: 24px;
    height: 4px;
    left: 50%;
    bottom: -2px;
    margin-left: -12px;
    border-radius: 2px;
    background-color: #00be06
}

.qy-header-info-pop .header-info-main {
    padding-bottom: 44px
}

.qy-header-info-pop .header-info-list {
    position: relative;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    overflow: hidden
}

.qy-header-info-pop .header-info-list:hover {
    background-color: #f5f5f5
}

.qy-header-info-pop .header-info-list.order .notice-item-cont {
    padding-top: 13px
}

.qy-header-info-pop .header-info-list.order .notice-item-more {
    margin-top: -10px
}

.qy-header-info-pop .header-info-list .item-more-link {
    float: right;
    color: #00be06;
    font-size: 12px
}

.qy-header-info-pop .header-info-list .item-more-link:hover {
    color: #00c806
}

.qy-header-info-pop .header-info-list .item-more-link .qy-svgicon-play-14 {
    font-size: 14px;
    margin-right: 4px
}

.qy-header-info-pop .base-link {
    color: #333
}

.qy-header-info-pop .base-link:hover {
    color: #00be06
}

.qy-header-info-pop .info-item-time {
    font-size: 12px;
    color: #999
}

.qy-header-info-pop .right-item-time {
    float: right
}

.qy-header-info-pop .header-related-list .header-info-list {
    padding: 7px 13px 0
}

.qy-header-info-pop .header-info-item-con {
    margin-bottom: 6px;
    overflow: hidden;
    *zoom: 1
}

.qy-header-info-pop .header-info-item-con:after, .qy-header-info-pop .header-info-item-con:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-info-pop .header-info-item-title {
    float: left;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-header-info-pop .info-item-desc {
    float: left;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-header-info-pop .header-notice-list .header-info-list {
    padding: 10px 13px
}

.qy-header-info-pop .header-notice-item {
    *zoom: 1
}

.qy-header-info-pop .header-notice-item:after, .qy-header-info-pop .header-notice-item:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-info-pop .notice-item-pic {
    float: left;
    width: 45px;
    height: 45px
}

.qy-header-info-pop .notice-item-cont {
    margin-left: 55px;
    overflow: hidden
}

.qy-header-info-pop .notice-item-title {
    margin-bottom: 5px;
    *zoom: 1
}

.qy-header-info-pop .notice-item-title:after, .qy-header-info-pop .notice-item-title:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-info-pop .notice-item-title .base-link {
    float: left;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-header-info-pop .notice-item-more {
    line-height: 18px;
    font-size: 12px;
    color: #999
}

.qy-header-info-pop .notice-item-img {
    border-radius: 50%
}

.qy-header-info-pop .header-info-related .notice-item-title .base-link {
    max-width: 85px
}

.qy-header-info-pop .header-info-related .info-item-time {
    margin-left: 8px
}

.qy-header-info-pop .header-info-related .notice-item-more {
    color: #222
}

.qy-header-info-pop .qy-popup-box .popup-box-arrow {
    margin-left: 85px
}

.qy-common-icon {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    background-image: url(//www.iqiyipic.com/common/fix/site-v4/sprite-common-icons.png);
    background-repeat: no-repeat
}

.qy-common-icon.qy-common-msgdot {
    width: 7px;
    height: 7px;
    background-position: 0 0
}

.qy-common-icon.qy-common-play45 {
    width: 45px;
    height: 45px;
    background-position: -10px 0
}

.qy-common-icon.qy-common-play45:hover {
    background-position: -60px 0
}

.qy-common-icon.qy-common-play64 {
    width: 64px;
    height: 64px;
    background-position: 0 -60px
}

.qy-common-icon.qy-common-play64:hover {
    background-position: -80px -60px
}

.qy-common-icon.qy-common-pageleft8 {
    width: 8px;
    height: 8px;
    background-position: -110px 0
}

.qy-common-icon.qy-common-pageleft8:hover {
    background-position: -130px 0
}

.qy-common-icon.qy-common-pageright8 {
    width: 8px;
    height: 8px;
    background-position: -120px 0
}

.qy-common-icon.qy-common-pageright8:hover {
    background-position: -140px 0
}

.qy-common-icon.qy-common-timecircle {
    width: 9px;
    height: 9px;
    background-position: -110px -10px
}

.qy-common-icon.qy-common-timecircle:hover {
    background-position: -120px -10px
}

.qy-common-icon.qy-common-rankUp {
    width: 8px;
    height: 9px;
    background-position: -150px 0
}

.qy-common-icon.qy-common-rankUnchg {
    width: 8px;
    height: 9px;
    background-position: -170px 0
}

.qy-common-icon.qy-common-rankDown {
    width: 8px;
    height: 9px;
    background-position: -160px 0
}

.qy-common-icon.qy-common-pageleft32 {
    width: 32px;
    height: 40px;
    background-position: -120px -20px;
    cursor: pointer
}

.qy-common-icon.qy-common-pageleft32:hover {
    background-position: -200px -20px
}

.qy-common-icon.qy-common-pageright32 {
    width: 32px;
    height: 40px;
    background-position: -160px -20px;
    cursor: pointer
}

.qy-common-icon.qy-common-pageright32:hover {
    background-position: -240px -20px
}

.qy-common-icon.qy-common-pageleft25 {
    width: 24px;
    height: 48px;
    background-position: -160px -80px;
    cursor: pointer
}

.qy-common-icon.qy-common-pageleft25:hover {
    background-position: -240px -80px
}

.qy-common-icon.qy-common-pageright25 {
    width: 24px;
    height: 48px;
    background-position: -200px -80px;
    cursor: pointer
}

.qy-common-icon.qy-common-pageright25:hover {
    background-position: -280px -80px
}

.qy-common-icon.qy-common-pageleft42 {
    width: 42px;
    height: 80px;
    background-position: 0 -140px;
    cursor: pointer
}

.qy-common-icon.qy-common-pageleft42:hover {
    background-position: -120px -140px
}

.qy-common-icon.qy-common-pageright42 {
    width: 42px;
    height: 80px;
    background-position: -60px -140px;
    cursor: pointer
}

.qy-common-icon.qy-common-pageright42:hover {
    background-position: -180px -140px
}

.qy-common-icon.qy-common-close-orange10 {
    width: 10px;
    height: 10px;
    background-position: -220px 0;
    cursor: pointer
}

.qy-header-user-pop {
    display: none;
    position: absolute;
    left: 50%;
    top: 54px;
    margin-left: -224px;
    z-index: 1001
}

.qy-header-user-pop.selected {
    display: block
}

.qy-header-user-pop .nav-login-info {
    width: 420px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    border-radius: 5px;
    background-color: #fff
}

.qy-header-user-pop .nav-login-info .accProt-tips a:hover {
    color: #f45910
}

.qy-header-user-pop .nav-login_arrow {
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: 5px;
    top: -16px;
    width: 16px;
    height: 16px;
    text-align: left;
    z-index: 4;
    overflow: hidden
}

.qy-header-user-pop .nav-login_arrow .tip_inner, .qy-header-user-pop .nav-login_arrow .tip_outer {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    border: 8px dashed transparent
}

.qy-header-user-pop .nav-login-bd {
    position: relative;
    width: 420px;
    z-index: 111
}

.qy-header-user-pop .nav-login-user {
    background: url(//www.iqiyipic.com/common/fix/site/personCenterMiniPop-greenBg.png) no-repeat 0 -8px;
    border-radius: 5px 5px 0 0
}

.qy-header-user-pop .nav-login-topNew {
    *zoom: 1
}

.qy-header-user-pop .nav-login-topNew:after, .qy-header-user-pop .nav-login-topNew:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-user-pop .nav-login-topNew .img {
    float: left;
    padding: 10px 14px 10px 18px
}

.qy-header-user-pop .nav-login-topNew .img img {
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 50%
}

.qy-header-user-pop .nav-login-topNew .title {
    float: left;
    width: 314px;
    padding-top: 14px;
    text-align: left
}

.qy-header-user-pop .nav-login-topNew .title-accProt .accProt-tips {
    display: block
}

.qy-header-user-pop .userName {
    *zoom: 1;
    display: block;
    line-height: 24px
}

.qy-header-user-pop .userName:after, .qy-header-user-pop .userName:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-user-pop .userName_link {
    float: left;
    max-width: 112px;
    margin-right: 5px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-header-user-pop .userName_link:hover {
    color: #00be06
}

.qy-header-user-pop .qy-rank-tennis, .qy-header-user-pop .qy-rank-vip {
    float: left;
    margin-top: 3px;
    margin-right: 5px
}

.qy-header-user-pop .vip_link {
    float: right;
    font-size: 14px;
    color: #333
}

.qy-header-user-pop .accProt-tips {
    display: none;
    line-height: 20px
}

.qy-header-user-pop .accProt-tips a {
    color: #f45910;
    line-height: 20px
}

.qy-header-user-pop .user-point {
    display: block;
    padding-top: 3px;
    line-height: 18px
}

.qy-header-user-pop .point-num {
    font-size: 14px;
    color: #999
}

.qy-header-user-pop .point-num:before {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    content: "";
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background: url(//www.iqiyipic.com/common/fix/site/personCenterMiniPop-v2.png) no-repeat -80px -120px
}

.qy-header-user-pop .micro-userInfo-card {
    *zoom: 1;
    padding: 0 4px 12px
}

.qy-header-user-pop .micro-userInfo-card:after, .qy-header-user-pop .micro-userInfo-card:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-user-pop .micro-userInfo-card > li {
    float: left;
    width: 169px;
    height: 44px;
    margin-left: 14px;
    padding: 6px 8px;
    border-radius: 6px;
    background-color: #fff;
    cursor: pointer
}

.qy-header-user-pop .micro-userInfo-card > li:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.qy-header-user-pop .micro-card-tit {
    *zoom: 1;
    font-size: 14px;
    line-height: 20px
}

.qy-header-user-pop .micro-card-tit:after, .qy-header-user-pop .micro-card-tit:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-user-pop .card-tit-name {
    float: left
}

.qy-header-user-pop .micro-card-btn {
    display: inline-block;
    float: right;
    height: 18px;
    line-height: 18px;
    border: 1px solid #caa36e;
    border-radius: 20px;
    padding: 0 6px;
    text-align: center;
    font-size: 12px;
    color: #caa36e
}

.qy-header-user-pop .card-btn-tennies {
    border-color: #00c13b;
    color: #00c13b
}

.qy-header-user-pop .micro-card-info {
    *zoom: 1;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    overflow: hidden
}

.qy-header-user-pop .micro-card-info:after, .qy-header-user-pop .micro-card-info:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-user-pop .micro-card-info.show-link .micro-card-tip {
    max-width: 95px
}

.qy-header-user-pop .micro-card-tip {
    float: left;
    max-width: 100%;
    font-size: 12px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-header-user-pop .micro-card-warn {
    float: left;
    color: #333
}

.qy-header-user-pop .micro-card-link {
    float: right;
    max-width: 72px;
    font-size: 12px;
    color: #caa36e;
    cursor: pointer
}

.qy-header-user-pop .micro-warn-link {
    color: #333
}

.qy-header-user-pop .micro-card-vip {
    background: url(//www.iqiyipic.com/common/fix/site/miniPop-card-vipBg.png) no-repeat
}

.qy-header-user-pop .micro-card-vip:hover {
    background: url(//www.iqiyipic.com/common/fix/site/miniPop-card-vipBg1.1.png) no-repeat
}

.qy-header-user-pop .micro-card-vip .micro-card-tit {
    color: #caa36e
}

.qy-header-user-pop .micro-card-vip .micro-card-btn:hover {
    color: #fff;
    background-color: #caa36e
}

.qy-header-user-pop .micro-card-vip .micro-card-link:hover, .qy-header-user-pop .micro-card-vip .micro-warn-link:hover {
    color: #caa36e
}

.qy-header-user-pop .micro-card-tennies {
    background: url(//www.iqiyipic.com/common/fix/site/miniPop-card-tenniesBg.png) no-repeat
}

.qy-header-user-pop .micro-card-tennies:hover {
    background: url(//www.iqiyipic.com/common/fix/site/miniPop-card-tenniesBg1.1.png) no-repeat
}

.qy-header-user-pop .micro-card-tennies .micro-card-tit {
    color: #00c13b
}

.qy-header-user-pop .micro-card-tennies .card-btn-tennies:hover {
    color: #fff;
    background-color: #00c13b
}

.qy-header-user-pop .micro-card-tennies .micro-card-link, .qy-header-user-pop .micro-card-tennies .micro-card-link:hover, .qy-header-user-pop .micro-card-tennies .micro-warn-link:hover {
    color: #00c13b
}

.qy-header-user-pop .nav-login-bottom {
    padding-bottom: 10px;
    background-color: #fff;
    text-align: left;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee
}

.qy-header-user-pop .goCenter {
    padding: 9px 18px;
    line-height: 24px
}

.qy-header-user-pop .goCenterLink {
    color: #333;
    font-size: 14px;
    line-height: 22px
}

.qy-header-user-pop .login-info-vip .goCenterLink:hover {
    color: #caa36e
}

.qy-header-user-pop .login-info-vip .img-mySubscribe {
    background-position: 0 -60px
}

.qy-header-user-pop .login-info-vip .img-security {
    background-position: -160px -60px
}

.qy-header-user-pop .login-info-vip .img-online {
    background-position: -240px -60px
}

.qy-header-user-pop .login-info-vip .nav-login_arrow .tip_outer {
    border-bottom: 8px solid #fff6ea
}

.qy-header-user-pop .login-info-vip .nav-login_arrow .tip_inner {
    border-bottom: 8px solid #fff6ea;
    bottom: -1px;
    z-index: 1
}

.qy-header-user-pop .login-info-vip .nav-login-user {
    background: url(//www.iqiyipic.com/common/fix/site/personCenterMiniPop-goldBg.png) no-repeat 0 -8px
}

.qy-header-user-pop .login-info-vip .micro-userInfo-card > li {
    box-shadow: 0 2px 6px 0 hsla(36, 50%, 71%, .4)
}

.qy-header-user-pop .login-info-vip a:hover {
    color: #caa36e
}

.qy-header-user-pop .login-info-novip .goCenterLink:hover {
    color: #00be06
}

.qy-header-user-pop .login-info-novip .nav-login_arrow .tip_inner, .qy-header-user-pop .login-info-novip .nav-login_arrow .tip_outer {
    border-bottom: 8px solid #f5ffea
}

.qy-header-user-pop .login-info-novip .micro-userInfo-card > li {
    box-shadow: 0 2px 6px 0 rgba(146, 219, 83, .4)
}

.qy-header-user-pop .login-info-novip .addFamilyLink:hover .addFamilySpan, .qy-header-user-pop .login-info-novip a:hover {
    color: #00be06
}

.qy-header-user-pop .login-info-novip .addFamilyList .addFamilyIc, .qy-header-user-pop .login-info-novip .addFamilyList .addFamilyLink:hover .addFamilyIc {
    background-position: -320px 0
}

.qy-header-user-pop .userFunList {
    *zoom: 1;
    padding: 0 1px
}

.qy-header-user-pop .userFunList:after, .qy-header-user-pop .userFunList:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-user-pop .userFunList li {
    float: left;
    width: 104px
}

.qy-header-user-pop .userFunList li a {
    display: block;
    text-align: center;
    color: #333
}

.qy-header-user-pop .userFunList li a:hover .imgHover20 {
    display: block
}

.qy-header-user-pop .userFunImg {
    display: block;
    width: 55px;
    height: 55px;
    position: relative;
    margin: 0 auto;
    background: url(//www.iqiyipic.com/common/fix/site/personCenterMiniPop-v2.png) no-repeat 0 -8px
}

.qy-header-user-pop .imgHover20 {
    display: none;
    width: 55px;
    height: 55px;
    background: #fff;
    opacity: .15;
    filter: alpha(opacity=15);
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}

.qy-header-user-pop .mySubscribeNum {
    position: absolute;
    top: 0;
    left: 40px;
    line-height: 13px;
    height: 13px;
    min-width: 13px;
    padding: 3px;
    border-radius: 13px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: linear-gradient(90deg, #ff8400, #ff4e00);
    background-color: #ff6000
}

.qy-header-user-pop .img-mySubscribe {
    background-position: 0 0
}

.qy-header-user-pop .img-VIPClub {
    background-position: -80px -60px
}

.qy-header-user-pop .img-security {
    background-position: -160px 0
}

.qy-header-user-pop .img-online {
    background-position: -240px 0
}

.qy-header-user-pop .img-myMllection {
    background-position: -80px 0
}

.qy-header-user-pop .userFunTxt {
    margin-top: 5px;
    font-size: 14px;
    line-height: 24px
}

.qy-header-user-pop .nav-login-profile {
    background-color: #fff;
    border: 1px solid #eee;
    text-align: left;
    border-radius: 0 0 5px 5px
}

.qy-header-user-pop .profile-fold {
    padding-bottom: 8px
}

.qy-header-user-pop .addFamilyLink {
    display: block;
    text-align: center;
    height: 23px;
    line-height: 23px;
    padding: 9px 0
}

.qy-header-user-pop .addFamilyLink:hover .addFamilySpan {
    color: #caa36e
}

.qy-header-user-pop .addFamilyLink:hover .addFamilyIc {
    background-position: -40px -120px
}

.qy-header-user-pop .addFamilySpan {
    display: inline-block;
    color: #333;
    vertical-align: top;
    font-size: 14px
}

.qy-header-user-pop .addFamilyIc {
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 5px;
    background: url(//www.iqiyipic.com/common/fix/site/personCenterMiniPop-v2.png) no-repeat 0 -120px
}

.qy-header-user-pop .viewFamily {
    padding: 7px 18px 4px;
    line-height: 24px
}

.qy-header-user-pop .viewFamilyLink {
    font-size: 14px;
    color: #333
}

.qy-header-user-pop .familyItem {
    color: #333
}

.qy-header-user-pop .familyItem img {
    width: 55px;
    height: 55px;
    border-radius: 50%
}

.qy-header-user-pop .familyItem .title {
    display: block;
    font-size: 14px;
    margin-top: 4px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.qy-header-user-pop .familyItem:hover .imgHover20 {
    display: block
}

.qy-header-user-pop .addFamilyWrap {
    margin-left: -23px
}

.qy-header-user-pop .addFamilyList {
    *zoom: 1
}

.qy-header-user-pop .addFamilyList:after, .qy-header-user-pop .addFamilyList:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-user-pop .addFamilyList li {
    float: left;
    width: 56px;
    padding-left: 48px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.qy-header-user-pop .addFamilyList .addFamilyLink {
    height: auto;
    padding: 0
}

.qy-header-user-pop .addFamilyList .addFamilyLink:hover .imgHover20 {
    display: block
}

.qy-header-user-pop .addFamilyList .addFamilyIc, .qy-header-user-pop .addFamilyList .addFamilyLink:hover .addFamilyIc {
    display: block;
    width: 55px;
    height: 55px;
    margin-left: 0;
    background-position: -320px -60px;
    cursor: pointer
}

.qy-header-user-pop .addFamilyList .addFamilySpan {
    margin-top: 4px
}

.qy-header-user-pop .familyImg-wrap {
    position: relative
}

.qy-header-user-pop.qy-header-user-pop-v1 {
    left: auto;
    right: 0;
    margin-left: 0
}

.qy-header-user-pop.qy-header-user-pop-v1 .nav-login_arrow {
    margin-left: 183px
}

.qy-header-user-pop.qy-header-user-pop-v1 .login-info-vip .nav-login_arrow .tip_inner {
    border-bottom: 8px solid #faedda
}

.qy-header-user-pop.qy-header-user-pop-v1 .login-info-novip .nav-login_arrow .tip_inner, .qy-header-user-pop.qy-header-user-pop-v1 .login-info-novip .nav-login_arrow .tip_outer {
    border-bottom: 8px solid #f5ffea
}

.qy-header-deadline-pop {
    position: absolute;
    top: 49px;
    right: -34px;
    width: 270px;
    z-index: 1000
}

.qy-header-deadline-pop .qy-popup-box .popup-box-arrow {
    left: auto;
    right: 52px
}

.qy-header-deadline-pop .qy-common-close-orange10 {
    position: absolute;
    right: 8px;
    top: 12px
}

.qy-header-deadline-pop .deadline-item {
    line-height: 22px;
    color: #666;
    font-size: 14px
}

.qy-header-deadline-pop .deadline-list {
    padding: 7px 20px 7px 15px
}

.qy-header-deadline-pop .deadline-link {
    color: #00be06
}

.qy-header-deadline-pop .deadline-link:hover {
    color: #00c806
}

.qy-header-deadline-pop .deadline-orange {
    color: #ff6000
}

.qy-header-login-pop {
    position: absolute;
    right: 0;
    top: 54px;
    width: 188px
}

.qy-header-login-pop .qy-popup-box .popup-box-arrow {
    margin-left: 68px
}

.qy-header-login-pop .login-top {
    padding-top: 15px
}

.qy-header-login-pop .login-top-tit {
    margin-bottom: 18px;
    font-size: 14px;
    color: #222;
    text-align: center
}

.qy-header-login-pop .login-top-item {
    margin-bottom: 21px;
    padding-left: 29px;
    line-height: 20px;
    font-size: 14px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-header-login-pop .qy-head-side-icon {
    vertical-align: top;
    margin-right: 12px
}

.qy-header-login-pop .login-bottom {
    margin-bottom: 10px;
    font-size: 0;
    text-align: center
}

.qy-header-login-pop .qy-button-small {
    margin: 0 10px
}

.qy-header-login-pop .qy-button-small.plain {
    height: 22px;
    line-height: 22px;
    border: 1px solid #00be06;
    background-color: #fff;
    color: #00be06
}

.qy-header-login-pop .qy-button-small.plain:hover {
    background-color: #00be06;
    color: #fff
}

.qy-header-warn-alert .fixed-box {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -102px;
    margin-left: -195px;
    width: 390px;
    height: 203px;
    z-index: 10002
}

.qy-header-warn-alert .warn-alert {
    border: 1px solid #e4e4e4;
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    border-radius: 5px
}

.qy-header-warn-alert .alert-head {
    padding-left: 20px;
    padding-right: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #f5f5f5;
    *zoom: 1
}

.qy-header-warn-alert .alert-head:after, .qy-header-warn-alert .alert-head:before {
    content: " ";
    display: table;
    clear: both
}

.qy-header-warn-alert .head-title {
    float: left;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 22px;
    color: #222;
    font-size: 14px
}

.qy-header-warn-alert .qy-svgicon-close {
    float: right;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 22px;
    color: #999;
    font-size: 12px;
    cursor: pointer
}

.qy-header-warn-alert .qy-svgicon-close:hover {
    color: #00be06
}

.qy-header-warn-alert .head-txt {
    color: #222;
    font-size: 14px
}

.qy-header-warn-alert .txt-box {
    padding: 25px
}

.qy-header-warn-alert .txt {
    padding: 0 51px;
    line-height: 24px;
    color: #666;
    font-size: 14px;
    text-align: center
}

.qy-header-warn-alert .btn-box {
    text-align: center;
    margin-bottom: 39px
}

.qy-popup-mask {
    position: fixed;
    z-index: 10001;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

.qy-footer-channel {
    background: #f8f8f8;
    text-align: center
}

.qy-footer-channel .footer-content {
    margin: 0 auto
}

.qy-footer-channel .channel-footer-warp {
    padding-top: 19px;
    padding-bottom: 35px;
    font-size: 14px;
    line-height: 28px
}

.qy-footer-channel .channel-footer-menu {
    margin-bottom: 7px
}

.qy-footer-channel .footer-menu-link {
    color: #222
}

.qy-footer-channel .footer-menu-link:hover {
    color: #00be06
}

.qy-footer-channel .footer-copyright {
    color: #999
}

.qy-footer-channel .footer-line {
    color: #e6e6e6;
    margin: 0 6px
}

.qy-footer-channel .copyright-lk, .qy-footer-channel .copyright-lk:visited {
    color: #999
}

.qy-footer-channel .copyright-lk:hover {
    color: #00be06
}

@media screen and (max-width: 1335px) {
    .qy-footer-channel .footer-content {
        width: 920px
    }

    .qy-footer-channel .channel-footer-menu {
        margin-bottom: 5px
    }

    .qy-footer-channel .channel-footer-warp {
        padding-top: 15px;
        padding-bottom: 27px;
        font-size: 12px;
        line-height: 22px
    }
}

.qy-player-side-loading {
    position: absolute;
    width: 60px;
    height: 46px;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -23px;
    text-align: center
}

.qy-player-side-loading .loading-txt {
    line-height: 22px;
    font-size: 12px;
    color: #666
}

.qy-play-icon {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    background-image: url(//www.iqiyipic.com/common/fix/site-v4/play/sprite-play-icons.png?v=20180807);
    background-repeat: no-repeat
}

.qy-play-icon.unfold-icon {
    width: 14px;
    height: 28px;
    background-position: 0 0;
    cursor: pointer
}

.qy-play-icon.fold-icon {
    width: 14px;
    height: 28px;
    background-position: -20px 0;
    cursor: pointer
}

.qy-play-icon.arrow979-icon {
    width: 9px;
    height: 7px;
    background-position: -20px -40px
}

.qy-play-icon.arrow966-icon {
    width: 9px;
    height: 6px;
    background-position: -40px -40px
}

.qy-play-icon.info-details-icon {
    width: 14px;
    height: 14px;
    background-position: -160px 0
}

.qy-play-icon.shop-bag-icon {
    width: 16px;
    height: 18px;
    background-position: -240px 0
}

.qy-play-icon.delete19-icon {
    width: 19px;
    height: 19px;
    background-position: -260px 0
}

.qy-play-icon.shop-cart-icon {
    width: 18px;
    height: 16px;
    background-position: -300px 0
}

.qy-play-icon.func-dwn-icon {
    width: 16px;
    height: 16px;
    background-position: -340px 0
}

.qy-play-icon.fyb-icon {
    width: 30px;
    height: 20px;
    background-position: -60px -40px
}

.qy-play-icon.reyi-icon {
    width: 63px;
    height: 32px;
    background-position: -100px -40px
}

.qy-play-icon.start-ry-icon {
    width: 62px;
    height: 26px;
    background-position: -101px -45px
}

.qy-play-icon.change19 {
    width: 19px;
    height: 19px;
    background-position: -180px -40px
}

.qy-play-icon.down {
    width: 7px;
    height: 13px;
    background-position: -360px -20px
}

.qy-play-icon.vw-close-icon {
    background-position: -100px -80px;
    width: 10px;
    height: 10px
}

.qy-play-icon.vw-play-icon {
    background-position: -80px -60px;
    width: 15px;
    height: 16px
}

.qy-play-icon.vw-pause-icon {
    background-position: -60px -60px;
    width: 12px;
    height: 14px
}

.qy-play-icon.icon-radio {
    background-position: -260px -40px;
    width: 18px;
    height: 18px
}

.qy-play-icon.living-icon {
    width: 56px;
    height: 20px;
    background-position: -220px -80px
}

.qy-play-icon.towatch-icon {
    width: 56px;
    height: 20px;
    background-position: -290px -80px
}

.qy-play-icon.popular-user-icon {
    width: 11px;
    height: 14px;
    background-position: -320px -40px
}

.qy-play-icon.player-side-empty {
    width: 120px;
    height: 100px;
    background-position: 0 -120px
}

:hover > .qy-play-icon.arrow979-icon {
    background-position: -20px -60px
}

:hover > .qy-play-icon.arrow966-icon {
    background-position: -40px -60px
}

:hover > .qy-play-icon.info-details-icon {
    background-position: -180px 0
}

:hover > .qy-play-icon.func-dwn-icon {
    background-position: -360px 0
}

.selected .qy-play-icon.arrow979-icon {
    background-position: -20px -80px
}

.selected .qy-play-icon.arrow966-icon {
    background-position: -40px -80px
}

.selected .qy-play-icon.info-details-icon {
    background-position: -200px 0
}

.selected .qy-play-icon.icon-radio {
    background-position: -290px -40px
}

.qy-alert-box {
    border: 1px solid #e4e4e4;
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    border-radius: 5px
}

.qy-alert-box .qy-alert-head {
    padding-left: 20px;
    padding-right: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #f5f5f5;
    *zoom: 1
}

.qy-alert-box .qy-alert-head:after, .qy-alert-box .qy-alert-head:before {
    content: " ";
    display: table;
    clear: both
}

.qy-alert-box .head-title {
    float: left;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 26px;
    color: #222;
    font-size: 18px
}

.qy-alert-box .qy-svgicon-close {
    float: right;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 26px;
    color: #999;
    font-size: 13px;
    cursor: pointer
}

.qy-alert-box .qy-svgicon-close:hover {
    color: #00be06
}

.qy-popup-small {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -59px;
    margin-left: -149px;
    width: 298px;
    height: 118px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    font-size: 16px;
    line-height: 118px;
    color: #00be06;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.qy-popup-small:before {
    display: inline-block;
    content: "";
    margin-right: 10px;
    vertical-align: -9px;
    background-image: url(//www.iqiyipic.com/common/fix/site-v4/paopao/sprite-form-icons.png);
    background-repeat: no-repeat
}

.qy-popup-small.pop_fail:before {
    width: 30px;
    height: 30px;
    background-position: 0 -20px
}

.qy-popup-small.pop_success:before {
    width: 30px;
    height: 30px;
    background-position: -40px -20px
}

.qy-popup-small.pop_releaseIng:before {
    width: 24px;
    height: 24px;
    vertical-align: -6px;
    background-image: url(//www.iqiyipic.com/common/fix/site-v4/con-loading.gif)
}

.qy-popup-small.pop_fail {
    color: #ff6000
}

.qy-header {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.qy-header, .qy-header .header-wrap {
    width: 100%;
    height: 70px;
    background-color: #232325
}

.qy-header .header-wrap {
    position: relative;
    z-index: 1000
}

.qy-header.qy-header-fixed .header-wrap {
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(35, 35, 37, .98)
}

.qy-header.qy-header-fadeIn .header-wrap {
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s
}

.qy-header .header-inner {
    position: relative;
    margin: 0 auto;
    *zoom: 1
}

.qy-header .header-inner:after, .qy-header .header-inner:before {
    content: " ";
    display: table;
    clear: both
}

@media screen and (max-width: 1155px) {
    .qy-header .header-inner {
        width: 920px
    }
}

@media screen and (min-width: 1156px) and (max-width: 1335px) {
    .qy-header .header-inner {
        width: 1100px
    }
}

@media screen and (min-width: 1336px) and (max-width: 1550px) {
    .qy-header .header-inner {
        width: 1300px
    }
}

@media screen and (min-width: 1551px) and (max-width: 1765px) {
    .qy-header .header-inner {
        width: 1500px
    }
}

@media screen and (min-width: 1766px) {
    .qy-header .header-inner {
        width: 1700px
    }
}

.qy-vip-rank.qy-rank-vip {
    display: inline-block;
    width: 22px;
    height: 18px;
    background-image: url(//www.iqiyipic.com/common/fix/site-v4/sprite-vip-rank20180620.png);
    background-repeat: no-repeat
}

.qy-vip-rank.qyrv0 {
    background-position: -210px -40px
}

.qy-vip-rank.qyrv1 {
    background-position: 0 -40px
}

.qy-vip-rank.qyrv2 {
    background-position: -30px -40px
}

.qy-vip-rank.qyrv3 {
    background-position: -60px -40px
}

.qy-vip-rank.qyrv4 {
    background-position: -90px -40px
}

.qy-vip-rank.qyrv5 {
    background-position: -120px -40px
}

.qy-vip-rank.qyrv6 {
    background-position: -150px -40px
}

.qy-vip-rank.qyrv7 {
    background-position: -180px -40px
}

.qy-vip-rank.qyrv-gray0 {
    background-position: -210px -65px
}

.qy-vip-rank.qyrv-gray1 {
    background-position: 0 -65px
}

.qy-vip-rank.qyrv-gray2 {
    background-position: -30px -65px
}

.qy-vip-rank.qyrv-gray3 {
    background-position: -60px -65px
}

.qy-vip-rank.qyrv-gray4 {
    background-position: -90px -65px
}

.qy-vip-rank.qyrv-gray5 {
    background-position: -120px -65px
}

.qy-vip-rank.qyrv-gray6 {
    background-position: -150px -65px
}

.qy-vip-rank.qyrv-gray7 {
    background-position: -180px -65px
}

.qy-vip-rank.qy-rank-tennis {
    display: inline-block;
    width: 15px;
    height: 18px;
    background-image: url(//www.iqiyipic.com/common/fix/site-v4/sprite-vip-rank20180620.png);
    background-repeat: no-repeat
}

.qy-vip-rank.qyrt-light {
    background-position: -210px 0
}

.qy-vip-rank.qyrt-gray {
    background-position: -210px -20px
}

.qy-nav {
    float: left;
    height: 24px;
    margin: 23px 0 0 20px;
    line-height: 24px;
    font-size: 0
}

.qy-nav .nav-link {
    margin: 0 10px;
    vertical-align: top;
    font-size: 16px;
    color: #ccc
}

.qy-nav .nav-link.selected, .qy-nav .nav-link:hover {
    color: #00be06
}

.qy-nav .nav-guide {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    cursor: pointer
}

.qy-nav .nav-guide .qy-svgicon-guide-narrow {
    margin-left: 5px;
    font-size: 12px;
    color: #999;
    vertical-align: top
}

.qy-nav .nav-guide .qy-svgicon-guide-narrow-up {
    display: none
}

.qy-nav .nav-guide:hover .qy-svgicon-guide-narrow {
    color: #00be06
}

.qy-nav .nav-guide.selected .qy-svgicon-guide-narrow {
    color: #00be06;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.qy-nav .nav-home, .qy-nav .nav-home .home-line {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0
}

.qy-nav .nav-home .home-line {
    width: 2px;
    height: 11px;
    margin-top: 6px;
    background-color: #666
}

@media screen and (max-width: 1155px) {
    .qy-nav .nav-home {
        margin-left: -10px
    }
}

.qy-nav-panel {
    position: absolute;
    width: 100%
}

.qy-nav-panel.qy-nav-pop {
    overflow: hidden;
    z-index: 1000;
    top: 70px;
    left: 0;
    background-color: rgba(27, 27, 28, .98)
}

.qy-nav-panel.qy-nav-pop .qy-nav-1335 .qy-nav-wrap {
    padding-left: 15px
}

.qy-nav-panel.qy-nav-pop .qy-nav-1335 .nav-item {
    padding-left: 18px;
    padding-right: 2px
}

.qy-nav-panel.qy-nav-pop .qy-nav-1335 .nav-item-vip {
    padding-left: 15px
}

.qy-nav-panel .qy-nav-1336 .nav-item {
    background: url(//www.iqiyipic.com/common/fix/site-v4/nav-item-1336Bg-180425.png) no-repeat 100% 0
}

.qy-nav-panel .qy-nav-1336 .nav-list-item {
    padding: 3px 0;
    margin-bottom: 7px;
    font-size: 14px
}

.qy-nav-panel .qy-nav-1336 .nav-item-vip-imgN {
    margin-top: 3px
}

.qy-nav-panel .qy-nav-1336 .qy-nav-wrap {
    padding-top: 16px;
    padding-bottom: 10px
}

.qy-nav-panel .qy-nav-1335 .nav-item {
    background: url(//www.iqiyipic.com/common/fix/site-v4/nav-item-1335Bg-180425.png) no-repeat 100% 0
}

.qy-nav-panel .qy-nav-1335 .nav-list {
    margin-right: 18px
}

.qy-nav-panel .qy-nav-1335 .nav-list-item {
    padding: 3px 0 4px;
    font-size: 13px
}

.qy-nav-panel .qy-nav-1335 .nav-item-vip-imgN {
    margin-top: 11px
}

.qy-nav-panel .qy-nav-1335 .qy-nav-wrap {
    padding-top: 13px;
    padding-bottom: 10px
}

.qy-nav-panel .qy-nav-wrap {
    font-size: 0;
    white-space: nowrap
}

.qy-nav-panel .nav-item {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    *zoom: 1
}

.qy-nav-panel .nav-item:after, .qy-nav-panel .nav-item:before {
    content: " ";
    display: table;
    clear: both
}

.qy-nav-panel .nav-item.nav-item-0 {
    padding-left: 0 !important
}

.qy-nav-panel .nav-item-vip {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    text-align: center
}

.qy-nav-panel .nav-item-vip-imgN {
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 28px;
    background: url(//www.iqiyipic.com/common/fix/site-v4/nav-item-vipNormal@2x.png) no-repeat;
    background-size: 34px 28px
}

.qy-nav-panel .nav-item-vip-txt {
    display: block;
    margin-top: 6px;
    line-height: 18px;
    font-size: 14px;
    color: #ccc
}

.qy-nav-panel .nav-item-vip-em, .qy-nav-panel .nav-item-vip-txt:hover {
    color: #e2bc81
}

.qy-nav-panel .nav-list {
    float: left;
    display: inline;
    line-height: 18px
}

.qy-nav-panel .nav-list-link {
    color: #ccc
}

.qy-nav-panel .nav-list-link:hover {
    color: #00be06
}

@-webkit-keyframes slideInDownNav {
    0% {
        height: 0;
        opacity: 0
    }
    to {
        height: 88px;
        opacity: 1
    }
}

@keyframes slideInDownNav {
    0% {
        height: 0;
        opacity: 0
    }
    to {
        height: 88px;
        opacity: 1
    }
}

.slideInDownNav-enter-active {
    -webkit-animation: slideInDownNav .2s;
    animation: slideInDownNav .2s
}

@media screen and (max-width: 1335px) {
    .qy-nav-panel .qy-nav-1336 {
        display: none
    }

    .qy-nav-panel .qy-nav-1335 {
        display: block
    }

    @-webkit-keyframes slideInDownNav {
        0% {
            height: 0;
            opacity: 0
        }
        to {
            height: 98px;
            opacity: 1
        }
    }@keyframes slideInDownNav {
         0% {
             height: 0;
             opacity: 0
         }
         to {
             height: 98px;
             opacity: 1
         }
     }
}

@media screen and (max-width: 1155px) {
    .qy-nav-panel.qy-nav-focus .qy-nav-inner {
        width: 920px
    }
}

@media screen and (min-width: 1156px) and (max-width: 1335px) {
    .qy-nav-panel.qy-nav-pop .qy-nav-1335 .qy-nav-wrap {
        padding-left: 24px
    }

    .qy-nav-panel.qy-nav-pop .qy-nav-1335 .nav-item {
        padding-left: 30px;
        padding-right: 1px
    }

    .qy-nav-panel.qy-nav-pop .qy-nav-1335 .nav-item-vip {
        padding-left: 18px
    }

    .qy-nav-panel .qy-nav-1335 .nav-list {
        margin-right: 29px
    }
}

@media screen and (min-width: 1336px) {
    .qy-nav-panel .qy-nav-1336 {
        display: block
    }

    .qy-nav-panel .qy-nav-1335 {
        display: none
    }
}

@media screen and (min-width: 1766px) {
    .qy-nav-panel .qy-nav-1336 .nav-list {
        margin-right: 30px
    }

    .qy-nav-panel.qy-nav-pop .qy-nav-1336 .qy-nav-wrap {
        padding-left: 36px
    }

    .qy-nav-panel.qy-nav-pop .qy-nav-1336 .nav-item {
        padding-left: 37px;
        padding-right: 7px
    }

    .qy-nav-panel.qy-nav-pop .qy-nav-1336 .nav-item-vip {
        padding-left: 35px
    }
}

@media screen and (min-width: 1551px) and (max-width: 1765px) {
    .qy-nav-panel .qy-nav-1336 .nav-list {
        margin-right: 21px
    }

    .qy-nav-panel.qy-nav-pop .qy-nav-1336 .qy-nav-wrap {
        padding-left: 28px
    }

    .qy-nav-panel.qy-nav-pop .qy-nav-1336 .nav-item {
        padding-left: 31px;
        padding-right: 10px
    }

    .qy-nav-panel.qy-nav-pop .qy-nav-1336 .nav-item-vip {
        padding-left: 29px
    }
}

@media screen and (min-width: 1336px) and (max-width: 1550px) {
    .qy-nav-panel .qy-nav-1336 .nav-list {
        margin-right: 15px
    }

    .qy-nav-panel.qy-nav-pop .qy-nav-1336 .qy-nav-wrap {
        padding-left: 21px
    }

    .qy-nav-panel.qy-nav-pop .qy-nav-1336 .nav-item {
        padding-left: 20px;
        padding-right: 5px
    }

    .qy-nav-panel.qy-nav-pop .qy-nav-1336 .nav-item-vip {
        padding-left: 20px
    }
}

.qy-play-feed-top .play-top-flash, .qy-play-top .play-top-flash {
    position: relative;
    padding-top: 10px
}

.qy-play-top {
    background-color: #292929
}

.qy-adv-under {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    clear: both
}

.qy-adv-under.feed-height {
    height: 367px
}

@media screen and (max-width: 1155px) {
    .qy-adv-under.feed-height {
        height: 367px
    }
}

@media screen and (min-width: 1156px) and (max-width: 1335px) {
    .qy-adv-under.feed-height {
        height: 441px
    }
}

@media screen and (min-width: 1336px) and (max-width: 1550px) {
    .qy-adv-under.feed-height {
        height: 497px
    }
}

@media screen and (min-width: 1551px) and (max-width: 1765px) {
    .qy-adv-under.feed-height {
        height: 609px
    }
}

@media screen and (min-width: 1766px) {
    .qy-adv-under.feed-height {
        height: 722px
    }
}

.qy-play-container {
    position: relative;
    width: 920px;
    margin: 0 auto
}

.qy-play-container.turn-off {
    z-index: 5450
}

.qy-play-container.turn-off .player-mnb, .qy-play-container.turn-off .qy-player-info-area {
    visibility: hidden
}

@media screen and (max-width: 1155px) {
    .qy-play-container {
        width: 920px
    }
}

@media screen and (min-width: 1156px) and (max-width: 1335px) {
    .qy-play-container {
        width: 1100px
    }
}

@media screen and (min-width: 1336px) and (max-width: 1550px) {
    .qy-play-container {
        width: 1300px
    }
}

@media screen and (min-width: 1551px) and (max-width: 1765px) {
    .qy-play-container {
        width: 1500px
    }
}

@media screen and (min-width: 1766px) {
    .qy-play-container {
        width: 1700px
    }
}

.qy-player-wrap {
    *zoom: 1;
    height: 401px;
    background-color: #1f1f1f
}

.qy-player-wrap:after, .qy-player-wrap:before {
    content: " ";
    display: table;
    clear: both
}

.qy-player-wrap .player-sd {
    position: relative;
    float: right;
    width: 305px;
    height: 100%;
    margin-left: -305px
}

.qy-player-wrap .player-sdc {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.qy-player-wrap .player-mn {
    float: left;
    width: 100%;
    height: 100%
}

.qy-player-wrap .player-mnc {
    position: relative;
    height: 100%;
    margin-right: 305px;
    transition: margin-right .2s ease
}

.qy-player-wrap.qy-player-unfold .player-mnc {
    margin-right: 0
}

.qy-player-wrap.qy-player-unfold .player-sd {
    width: auto
}

.qy-player-wrap.qy-player-unfold .qy-flash-func {
    padding-right: 20px
}

.qy-player-wrap .player-icons {
    position: absolute;
    top: 50%;
    right: -14px;
    margin-top: -14px;
    z-index: 2
}

.qy-player-wrap .player-ear {
    position: absolute;
    top: 48px;
    right: -38px
}

.qy-player-wrap .player-mnb {
    height: 48px;
    *zoom: 1
}

.qy-player-wrap .player-mnb:after, .qy-player-wrap .player-mnb:before {
    content: " ";
    display: table;
    clear: both
}

@media screen and (max-width: 1155px) {
    .qy-player-wrap {
        height: 401px
    }
}

@media screen and (min-width: 1156px) and (max-width: 1335px) {
    .qy-player-wrap {
        height: 495px
    }
}

@media screen and (min-width: 1336px) and (max-width: 1550px) {
    .qy-player-wrap {
        height: 608px
    }
}

@media screen and (min-width: 1551px) and (max-width: 1765px) {
    .qy-player-wrap {
        height: 721px
    }
}

@media screen and (min-width: 1766px) {
    .qy-player-wrap {
        height: 832px
    }
}

.qy-feed-flash-box, .qy-flash-box {
    position: relative;
    width: 100%
}

.qy-feed-flash-box .flash-box, .qy-flash-box .flash-box {
    position: relative;
    width: 100%;
    height: 100%
}

.qy-feed-flash-box .flash-box.videoWindow, .qy-flash-box .flash-box.videoWindow {
    width: 426px;
    height: 240px
}

.qy-flash-box {
    height: 353px
}

.qy-feed-flash-box {
    height: 309px
}

.qy-feed-flash-box.turn-off .flash-box {
    z-index: 5450
}

@media screen and (max-width: 1155px) {
    .qy-flash-box {
        height: 353px
    }

    .qy-feed-flash-box {
        height: 309px
    }
}

@media screen and (min-width: 1156px) and (max-width: 1335px) {
    .qy-flash-box {
        height: 447px
    }

    .qy-feed-flash-box {
        height: 383px
    }
}

@media screen and (min-width: 1336px) and (max-width: 1550px) {
    .qy-flash-box {
        height: 560px
    }

    .qy-feed-flash-box {
        height: 439px
    }
}

@media screen and (min-width: 1551px) and (max-width: 1765px) {
    .qy-flash-box {
        height: 673px
    }

    .qy-feed-flash-box {
        height: 551px
    }
}

@media screen and (min-width: 1766px) {
    .qy-flash-box {
        height: 784px
    }

    .qy-feed-flash-box {
        height: 664px
    }
}

.videoWindow {
    position: fixed !important;
    width: 426px;
    height: 240px;
    background: #fff;
    z-index: 3000;
    box-shadow: 0 0 17px 3px rgba(0, 0, 0, .2)
}

.videoWindow .vw-icon-bg {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    background-color: rgba(26, 26, 26, .8)
}

.videoWindow .vw-icon-bg:hover .vw-close-icon {
    background-position: -120px -80px
}

.videoWindow .vw-icon-bg:hover .vw-play-icon {
    background-position: -80px -80px
}

.videoWindow .vw-icon-bg:hover .vw-pause-icon {
    background-position: -60px -80px
}

.videoWindow .vw-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    z-index: 10
}

.videoWindow .vw-close-icon {
    margin-top: 9px
}

.videoWindow .vw-play-icon {
    margin-top: 10px;
    margin-left: 3px
}

.videoWindow .vw-pause-icon {
    margin-top: 11px
}

.videoWindow .vw-bottom {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 10
}

.videoWindow .vw-tips {
    position: absolute;
    left: 0;
    top: 8px;
    color: #fff;
    font-size: 16px;
    padding-left: 21px;
    width: 428px;
    height: 35px;
    line-height: 35px
}

.videoWindow .vw-tips-bot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #00be06;
    font-size: 14px
}

.videoWindow .vw-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: move;
    z-index: 5;
    background-color: #000;
    opacity: .1;
    filter: alpha(opacity=10)
}

.qy-player-shop {
    position: absolute;
    top: 0;
    right: -305px;
    width: 305px;
    height: 100%;
    background-color: #1f1f1f;
    z-index: 1;
    transition: right .2s ease-in-out
}

.qy-player-shop.shop-show {
    right: 0
}

.qy-player-shop.shop-flicker {
    -webkit-animation: bgFlicker 1s 2;
    animation: bgFlicker 1s 2
}

@-webkit-keyframes bgFlicker {
    0% {
        background-color: #1f1f1f
    }
    50% {
        background-color: #333
    }
    to {
        background-color: #1f1f1f
    }
}

@keyframes bgFlicker {
    0% {
        background-color: #1f1f1f
    }
    50% {
        background-color: #333
    }
    to {
        background-color: #1f1f1f
    }
}

.qy-player-shop .shop-head {
    position: relative;
    height: 47px;
    padding-left: 20px;
    padding-right: 10px;
    border-bottom: 1px solid #282828;
    background-color: #1f1f1f;
    z-index: 10
}

.qy-player-shop .header-txt {
    margin-right: 77px;
    padding-top: 12px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-player-shop .commitment {
    position: absolute;
    top: 18px;
    right: 10px
}

.qy-player-shop .commitment.selected .commitment-popup {
    display: block
}

.qy-player-shop .commitment.selected .commitment-txt {
    color: #00be06
}

.qy-player-shop .commitment-top {
    line-height: 14px;
    cursor: pointer
}

.qy-player-shop .commitment-top:hover .commitment-txt {
    color: #00be06
}

.qy-player-shop .commitment-txt {
    color: #999;
    font-size: 12px;
    line-height: 14px
}

.qy-player-shop .commitment-popup {
    display: none;
    position: absolute;
    top: 25px;
    right: 0
}

.qy-player-shop .commitment-popup .qy-popup-box {
    border-color: #262626;
    background-color: #262626
}

.qy-player-shop .commitment-popup .qy-popup-box .popup-box-arrow {
    left: auto;
    right: 29px
}

.qy-player-shop .commitment-popup .qy-popup-box .popup-box-arrowOut {
    border-bottom-color: transparent
}

.qy-player-shop .commitment-popup .qy-popup-box .popup-box-arrowIn {
    border-bottom-color: #262626
}

.qy-player-shop .commitment-con {
    padding: 16px 17px 12px
}

.qy-player-shop .popup-title {
    margin-bottom: 8px;
    color: #00be06;
    font-size: 12px
}

.qy-player-shop .popup-title .bold {
    font-weight: 700
}

.qy-player-shop .commitment-item {
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-player-shop .qy-svgicon-ok {
    color: #00be06;
    font-size: 14px
}

.qy-player-shop .commitment-info {
    color: #c3c3c3;
    font-size: 12px
}

.qy-player-shop .shop-body {
    padding-left: 32px;
    height: calc(100% - 48px);
    *zoom: 1
}

.qy-player-shop .shop-body:after, .qy-player-shop .shop-body:before {
    content: " ";
    display: table;
    clear: both
}

.qy-player-shop .shop-con {
    float: left;
    width: 240px
}

.qy-player-shop .shop-scrollbar {
    float: right;
    width: 5px
}

.qy-player-shop .scrollbar {
    width: 5px;
    border-radius: 3px;
    background-color: #333;
    cursor: pointer
}

.qy-player-shop .goods-item {
    border-bottom: 1px solid #272727
}

.qy-player-shop .goods-title {
    margin-top: 12px;
    margin-bottom: 15px
}

.qy-player-shop .goods-link {
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.qy-player-shop .goods-pic {
    margin-bottom: 7px
}

.qy-player-shop .goods-pic-link {
    display: block;
    width: 240px;
    height: 240px
}

.qy-player-shop .pic {
    width: 100%;
    height: 100%
}

.qy-player-shop .price-true {
    margin-right: 5px;
    color: #ff6000;
    font-size: 28px
}

.qy-player-shop .price-true .price-icon {
    font-size: 18px
}

.qy-player-shop .price-false {
    color: #999;
    font-size: 12px;
    text-decoration: line-through
}

.qy-player-shop .goods-intro {
    margin-bottom: 10px
}

.qy-player-shop .intro {
    color: #999;
    font-size: 12px
}

.qy-player-shop .goods-buy {
    position: relative;
    margin-right: -28px;
    margin-bottom: 15px;
    font-size: 0
}

.qy-player-shop .add-cart-btn, .qy-player-shop .buy-btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 25px;
    margin-right: 28px;
    border-radius: 16px;
    text-align: center;
    background-color: #ff6000;
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

.qy-player-shop .add-cart-btn:hover, .qy-player-shop .buy-btn:hover {
    background-color: #ff6e1e;
    color: #fff
}

.qy-player-shop .add-cart-btn:active, .qy-player-shop .buy-btn:active {
    background-color: #ff5400;
    color: #fff
}

.qy-player-shop .add-cart-btn {
    min-width: 54px;
    background-color: #333;
    color: #fff
}

.qy-player-shop .add-cart-btn:active, .qy-player-shop .add-cart-btn:hover {
    background-color: #383838
}

.qy-player-shop .add-cart-btn.selected {
    background-color: #333;
    color: #999
}

.qy-player-shop .add-cart-btn.selected:hover {
    background-color: #383838
}

.qy-player-shop .shop-cart-icon {
    vertical-align: middle
}

.qy-player-shop .cart-tip {
    position: absolute;
    bottom: 40px;
    right: 10px;
    left: 0
}

.qy-player-shop .cart-tip .qy-popup-box {
    border-color: #262626;
    background-color: #262626
}

.qy-player-shop .cart-tip .qy-popup-box .popup-box-arrow {
    top: auto;
    bottom: -12px;
    left: auto;
    right: 76px
}

.qy-player-shop .cart-tip .qy-popup-box .popup-box-arrowIn, .qy-player-shop .cart-tip .qy-popup-box .popup-box-arrowOut {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px;
    border-color: #262626 transparent transparent
}

.qy-player-shop .cart-tip-con {
    padding: 6px 9px;
    text-align: center
}

.qy-player-shop .cart-success {
    color: #c3c3c3;
    font-size: 14px
}

.qy-player-shop .cart-enter {
    color: #c3c3c3;
    font-size: 12px
}

.qy-player-shop .cart-enter .enter-link {
    color: #00be06
}

.qy-player-shop .big-brand {
    position: absolute;
    right: 10px;
    bottom: 30px
}

.qy-player-shop .brand-link {
    display: block
}

.qy-player-shop .brand-img {
    width: 52px;
    height: auto
}

.qy-player-shop .delete19-icon {
    position: absolute;
    top: -9px;
    right: 0;
    cursor: pointer
}

.qy-player-side-ear {
    position: absolute;
    top: 48px;
    right: -38px;
    min-height: 32px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 20px;
    background-color: #1e1e1e;
    padding: 8px 0;
    cursor: pointer
}

.qy-player-side-ear .icon-wrap {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    background-color: #141414;
    font-size: 0
}

.qy-player-side-ear .qy-play-icon {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
    background-image: url(//www.iqiyipic.com/common/fix/site-v4/play/sprite-play-icons.png);
    background-repeat: no-repeat
}

.qy-player-side-ear .bag-tit {
    padding: 5px 4px 0;
    line-height: 14px;
    color: #666;
    font-size: 12px;
    text-align: center;
    display: none
}

.qy-player-side-ear .bag-top:hover .bag-tit {
    display: block;
    color: #999
}

.qy-player-side-ear .fold-icon {
    display: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #141414 url(//www.iqiyipic.com/common/fix/site-v4/play/sprite-play-icons.png) -185px -72px;
    margin: 0 auto
}

.qy-player-side-ear .qy-shop-bag {
    width: 38px
}

.qy-player-side-ear .qy-shop-bag .qy-play-icon.shop-bag-icon {
    width: 16px;
    height: 18px;
    background-position: -140px -78px
}

.qy-player-side-ear .qy-shop-bag .bag-top {
    margin-bottom: 12px
}

.qy-player-side-ear .qy-shop-bag.selected .fold-icon {
    display: block
}

.qy-player-side-ear .qy-shop-bag.selected .icon-wrap {
    display: none
}

.qy-player-side-ear .qy-shop-bag.selected .bag-tit {
    display: block;
    color: #666
}

.qy-player-side-ear .qy-shop-bag.selected .bag-top:hover .bag-tit {
    color: #999
}

.qy-player-side-ear .qy-shop-bag .goods-show {
    overflow: hidden;
    transition: height .5s
}

.qy-player-side-ear .qy-shop-bag .goods-wrap {
    margin: 0 auto 12px;
    text-align: center
}

.qy-player-side-ear .qy-shop-bag .good-img {
    width: 30px;
    height: 30px;
    border-radius: 15px
}

.qy-player-side-ear .qy-shop-bag .num {
    position: absolute;
    top: -3px;
    right: -3px;
    padding: 0 4px;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 7px;
    background-color: #ff4800
}

.qy-player-side-ear .qy-shop-bag .num-gray {
    background-color: #999
}

.qy-player-side-ear .qy-barrage-bag {
    width: 38px
}

.qy-player-side-ear .qy-barrage-bag .qy-play-icon.barrage-bag-icon {
    width: 16px;
    height: 18px;
    background-position: -166px -78px
}

.qy-player-side-ear .qy-barrage-bag.selected .fold-icon {
    display: block
}

.qy-player-side-ear .qy-barrage-bag.selected .icon-wrap {
    display: none
}

.qy-player-side-ear .qy-barrage-bag.selected .bag-tit {
    display: block
}

.qy-flash-func {
    float: right;
    padding-top: 5px;
    *zoom: 1
}

.qy-flash-func:after, .qy-flash-func:before {
    content: " ";
    display: table;
    clear: both
}

.qy-flash-func .func-item {
    float: left;
    position: relative;
    margin-left: 20px
}

.qy-flash-func .func-inner {
    cursor: pointer
}

.qy-flash-func .func-inner:hover .func-dwn-icon, .qy-flash-func .func-inner:hover .func-name, .qy-flash-func .func-inner:hover .qy-svgicon {
    color: #00be06
}

.qy-flash-func .func-name {
    color: #999;
    font-size: 14px
}

.qy-flash-func .qy-svgicon-anchorShare {
    color: #999;
    font-size: 15px
}

.qy-flash-func .func-like {
    margin-left: 0;
    right: -10px;
    z-index: 100
}

.qy-flash-func .func-download, .qy-flash-func .func-like-v1, .qy-flash-func .func-report, .qy-flash-func .func-share {
    margin-top: 9px
}

.qy-flash-func .func-dwn-icon {
    margin-top: -2px;
    background-image: none;
    width: auto;
    height: auto;
    color: #999;
    display: inline-block;
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

.qy-flash-func .func-dwn-icon:before {
    content: "\E878"
}

.qy-flash-func .down-loading .func-dwn-icon {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/down-loading.gif) no-repeat
}

.qy-flash-func .down-loading .func-dwn-icon:before {
    content: none
}

.qy-flash-func .down-downing .func-dwn-icon {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/down-downing.gif) no-repeat
}

.qy-flash-func .down-downing .func-dwn-icon:before {
    content: none
}

.qy-flash-func .down-off .func-inner {
    cursor: default
}

.qy-flash-func .down-off .func-dwn-icon {
    color: #7a7a7a
}

.qy-flash-func .down-off .func-name, .qy-flash-func .down-off:hover .func-name {
    color: #666
}

.qy-flash-func .down-off:hover .func-dwn-icon {
    color: #7a7a7a
}

.qy-flash-func .qy-svgicon-report {
    font-size: 15px;
    color: #999
}

.qy-flash-func .func-like-v1 .func-name {
    position: relative
}

.qy-flash-func .like-icon-box {
    display: inline-block;
    position: relative;
    width: 17px;
    height: 16px;
    vertical-align: top;
    margin-top: 3px
}

.qy-flash-func .qy-svgicon-like {
    position: absolute;
    left: 0;
    top: -4px;
    color: #999;
    font-size: 16px
}

.qy-flash-func .like-gif, .qy-flash-func .like-red-heart {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
    width: 32px;
    height: 32px;
    background: url(//www.iqiyipic.com/common/fix/site-v4/like-black@2x.gif) no-repeat;
    background-size: 100%
}

.qy-flash-func .like-red-heart {
    background: url(//www.iqiyipic.com/common/fix/site-v4/sprite-like-black@2x.png) no-repeat;
    background-size: 100%
}

.qy-flash-func .like-anim .qy-svgicon-like, .qy-flash-func .like-end .qy-svgicon-like {
    display: none
}

.qy-flash-func .like-anim:hover .func-name, .qy-flash-func .like-end:hover .func-name {
    color: #999
}

.qy-flash-func .like-anim .like-gif, .qy-flash-func .like-end .like-red-heart {
    display: inline-block
}

@media screen and (max-width: 1155px) {
    .qy-flash-func .func-download {
        display: none
    }
}

.qy-func-share-pop {
    position: absolute;
    top: 34px;
    right: -68px;
    width: 444px;
    height: 211px
}

.qy-func-share-pop .qy-popup-box {
    z-index: 100
}

.qy-func-share-pop .qy-popup-box .popup-box-arrow {
    left: auto;
    right: 96px
}

.qy-func-share-pop .share-sprite {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/func-share-bg.png) no-repeat
}

.qy-func-share-pop .share-con {
    padding: 19px 15px;
    *zoom: 1
}

.qy-func-share-pop .share-con:after, .qy-func-share-pop .share-con:before {
    content: " ";
    display: table;
    clear: both
}

.qy-func-share-pop .share-left {
    float: left
}

.qy-func-share-pop .share-right {
    float: right
}

.qy-func-share-pop .share-sns {
    margin-bottom: 21px
}

.qy-func-share-pop .sns-list {
    padding-top: 6px;
    margin-left: -60px;
    *zoom: 1
}

.qy-func-share-pop .sns-list:after, .qy-func-share-pop .sns-list:before {
    content: " ";
    display: table;
    clear: both
}

.qy-func-share-pop .sns-item {
    float: left;
    margin-left: 60px
}

.qy-func-share-pop .sns-link {
    display: block
}

.qy-func-share-pop .sns-link:hover .sns-name {
    color: #00be06
}

.qy-func-share-pop .sns-link:hover .sns-icon-qq {
    background-position: 0 -50px
}

.qy-func-share-pop .sns-link:hover .sns-icon-qqzone {
    background-position: -50px -50px
}

.qy-func-share-pop .sns-link:hover .sns-icon-weibo {
    background-position: -100px -50px
}

.qy-func-share-pop .sns-icon {
    position: relative;
    text-align: center
}

.qy-func-share-pop .sns-name {
    margin-top: 7px;
    height: 18px;
    color: #666;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-func-share-pop .share-deer {
    position: absolute;
    width: 28px;
    height: 19px;
    top: -15px;
    left: 50%;
    margin-left: -14px;
    background-position: -240px 0
}

.qy-func-share-pop .sns-icon-qq {
    background-position: 0 0;
    vertical-align: top
}

.qy-func-share-pop .sns-icon-qq:hover {
    background-position: 0 -50px
}

.qy-func-share-pop .sns-icon-qqzone {
    background-position: -50px 0;
    vertical-align: top
}

.qy-func-share-pop .sns-icon-qqzone:hover {
    background-position: -50px -50px
}

.qy-func-share-pop .sns-icon-weibo {
    background-position: -100px 0;
    vertical-align: top
}

.qy-func-share-pop .sns-icon-weibo:hover {
    background-position: -100px -50px
}

.qy-func-share-pop .copy-con {
    margin-bottom: 10px;
    font-size: 0
}

.qy-func-share-pop .copy-title {
    display: inline-block;
    margin-right: 6px;
    width: 60px;
    color: #222;
    overflow: hidden
}

.qy-func-share-pop .copy-input, .qy-func-share-pop .copy-title {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    vertical-align: top
}

.qy-func-share-pop .copy-input {
    padding: 0 5px;
    margin-right: 10px;
    width: 115px;
    background-color: #f0f0f0;
    color: #999;
    border: none;
    outline: none;
    border-radius: 3px
}

.qy-func-share-pop .copy-link {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    background-color: #00be06;
    vertical-align: top
}

.qy-func-share-pop .copy-link:hover {
    background-color: #00c806
}

.qy-func-share-pop .code-bg {
    position: relative;
    padding: 6px;
    width: 124px;
    height: 124px;
    background-color: #f0f0f0;
    border-radius: 4px
}

.qy-func-share-pop .code-con {
    padding: 6px;
    background-color: #fff
}

.qy-func-share-pop .code-img {
    width: 112px;
    height: 112px
}

.qy-func-share-pop .arrow-gray {
    position: absolute;
    top: 20px;
    left: -15px;
    width: 0;
    height: 0;
    border: 6px dashed transparent;
    border-right: 9px solid #f0f0f0
}

.qy-func-share-pop .code-tip {
    margin-top: 6px;
    text-align: center;
    font-size: 12px;
    color: #666
}

.qy-func-share-pop .share-question-icon {
    width: 14px;
    height: 14px;
    margin-left: 3px;
    margin-top: 1px;
    vertical-align: top;
    background-position: -200px 0;
    cursor: pointer
}

.qy-func-share-pop .share-question-icon:hover {
    background-position: -220px 0
}

.qy-func-share-pop .share-help {
    position: absolute;
    top: 0;
    left: 0;
    width: 440px;
    height: 0;
    opacity: 0;
    overflow: hidden;
    background-color: #fff;
    border-radius: 5px
}

.qy-func-share-pop .help-way1, .qy-func-share-pop .help-way2 {
    float: left;
    padding-top: 19px
}

.qy-func-share-pop .help-way1 {
    padding-left: 15px
}

.qy-func-share-pop .help-way2 {
    padding-left: 44px
}

.qy-func-share-pop .help-way2 .way-txt {
    margin-left: 34px
}

.qy-func-share-pop .help-way-title {
    position: relative;
    margin-bottom: 15px
}

.qy-func-share-pop .help-way-img1 {
    margin-left: 19px
}

.qy-func-share-pop .help-way-img2 {
    margin-left: -4px
}

.qy-func-share-pop .num-ico1, .qy-func-share-pop .num-ico2 {
    position: absolute;
    top: 1px;
    left: 0;
    width: 42px;
    height: 32px;
    background-position: -200px -30px
}

.qy-func-share-pop .num-ico2 {
    background-position: -250px -30px
}

.qy-func-share-pop .way-txt {
    position: relative;
    margin-left: 33px;
    line-height: 18px;
    font-size: 12px;
    color: #333
}

.qy-func-share-pop .center {
    display: inline-block;
    text-align: center
}

.qy-func-share-pop .back-link {
    position: absolute;
    right: 13px;
    top: 10px;
    font-size: 14px;
    color: #00be06
}

.qy-func-share-pop.share-opacity .share-pop-con {
    opacity: 0;
    transition: opacity 1s
}

.qy-func-share-pop.share-opacity .share-help {
    height: 206px;
    opacity: 1;
    transition: opacity 1s
}

.qy-func-share-pop .copy-fail-tip .qy-alert-box {
    padding: 30px 40px
}

.qy-func-share-pop .copy-fail-txt {
    margin-bottom: 20px;
    color: #222;
    font-size: 14px;
    text-align: center
}

.qy-func-share-pop .btn-box {
    text-align: center
}

.qy-func-share-pop .fixed-box {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -76px;
    margin-left: -174px;
    width: 348px;
    height: 152px;
    z-index: 10002
}

.qy-func-download-pop {
    position: absolute;
    top: 34px;
    right: 0;
    width: 300px;
    height: 200px;
    z-index: 100
}

.qy-func-download-pop .qy-popup-box .popup-box-arrow {
    left: auto;
    right: 32px
}

.qy-func-download-pop .download-tit {
    padding: 11px 23px;
    height: 22px;
    line-height: 22px;
    color: #666;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-func-download-pop .download-default {
    padding: 14px 0 15px
}

.qy-func-download-pop .download-checking {
    padding: 17px 0 15px
}

.qy-func-download-pop .download-install {
    padding: 32px 0 15px
}

.qy-func-download-pop .btn-wrap, .qy-func-download-pop .img-wrap {
    text-align: center
}

.qy-func-download-pop .checking-txt, .qy-func-download-pop .install-txt {
    text-align: center;
    color: #222;
    font-size: 14px
}

.qy-func-download-pop .checking-txt {
    margin-bottom: 3px
}

.qy-func-download-pop .install-txt {
    line-height: 23px;
    margin-bottom: 33px
}

.qy-func-download-pop .qy-button-middle {
    margin-left: 6px;
    margin-right: 6px
}

.qy-download-pca-alert {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -55px;
    margin-left: -240px;
    width: 480px;
    height: 110px;
    z-index: 400
}

.qy-download-pca-alert .qy-popup-box .popup-box-arrow {
    display: none;
    left: 82px;
    top: auto;
    bottom: -14px
}

.qy-download-pca-alert .qy-popup-box .popup-box-arrowOut {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px;
    border-color: #e4e4e4 transparent transparent
}

.qy-download-pca-alert .qy-popup-box .popup-box-arrowIn {
    top: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px;
    border-color: #fff transparent transparent
}

.qy-download-pca-alert.chrome-alert {
    left: 250px;
    bottom: 12px;
    top: auto
}

.qy-download-pca-alert.chrome-alert .qy-popup-box .popup-box-arrow {
    display: block
}

.qy-download-pca-alert .pca-body {
    *zoom: 1
}

.qy-download-pca-alert .pca-body:after, .qy-download-pca-alert .pca-body:before {
    content: " ";
    display: table;
    clear: both
}

.qy-download-pca-alert .qy-svgicon-close {
    position: absolute;
    right: 12px;
    top: 9px;
    color: #ccc;
    font-size: 13px;
    cursor: pointer
}

.qy-download-pca-alert .qy-svgicon-close:hover {
    color: #00be06
}

.qy-download-pca-alert .pca-left {
    float: left;
    margin-right: 20px;
    width: 200px
}

.qy-download-pca-alert .pca-right {
    padding-right: 20px;
    overflow: hidden
}

.qy-download-pca-alert .pca-gif {
    display: block;
    width: 200px;
    height: 108px;
    border-radius: 5px 0 0 5px;
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/download-pca-gif.gif) no-repeat
}

.qy-download-pca-alert .pca-tip {
    padding-top: 30px;
    height: 52px;
    line-height: 26px;
    font-size: 16px;
    color: #222;
    overflow: hidden
}

.qy-func-report-alert .fixed-box {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -214px;
    margin-left: -290px;
    width: 580px;
    height: 427px;
    z-index: 10002
}

.qy-func-report-alert .report-body {
    padding: 17px 50px 0
}

.qy-func-report-alert .report-item-name {
    margin-bottom: 13px
}

.qy-func-report-alert .item-title {
    color: #999;
    font-size: 14px
}

.qy-func-report-alert .report-name {
    display: inline-block;
    max-width: 332px;
    height: 18px;
    color: #00be06;
    font-size: 14px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-func-report-alert .report-item-type {
    margin-bottom: 14px
}

.qy-func-report-alert .report-item-type .item-title {
    display: block;
    margin-bottom: 11px
}

.qy-func-report-alert .report-type-list {
    margin-top: -22px;
    margin-left: -22px;
    *zoom: 1
}

.qy-func-report-alert .report-type-list:after, .qy-func-report-alert .report-type-list:before {
    content: " ";
    display: table;
    clear: both
}

.qy-func-report-alert .type-item {
    float: left;
    margin-left: 22px;
    margin-top: 22px
}

.qy-func-report-alert .report-radio {
    display: inline-block;
    cursor: pointer
}

.qy-func-report-alert .icon-radio {
    margin-right: 4px
}

.qy-func-report-alert .radio-label {
    display: inline-block;
    width: 77px;
    height: 16px;
    line-height: 16px;
    color: #222;
    font-size: 14px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-func-report-alert .report-item-reason .item-title {
    display: block;
    margin-bottom: 12px
}

.qy-func-report-alert .report-item-reason {
    margin-bottom: 30px
}

.qy-func-report-alert .report-textarea-box {
    position: relative;
    padding: 5px 0 20px 5px;
    height: 73px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.qy-func-report-alert .report-textarea {
    width: 100%;
    height: 100%;
    color: #222;
    font-size: 14px;
    border: none;
    outline: none;
    resize: none
}

.qy-func-report-alert .textarea-br {
    position: absolute;
    bottom: 2px;
    right: 4px
}

.qy-func-report-alert .num-tip {
    color: #999;
    font-size: 12px
}

.qy-func-report-alert .num-now.selected {
    color: #00be06
}

.qy-func-report-alert .btn-box {
    margin-bottom: 29px;
    text-align: center
}

.qy-func-report-alert .qy-button-middle {
    min-width: 48px
}

.qy-func-report-alert .qy-button-middle.disabled {
    background-color: #ddd;
    border-color: #ddd;
    cursor: default
}

.qy-func-report-alert .qy-button-middle.disabled:hover {
    background-color: #ddd;
    border-color: #ddd
}

.qy-func-report-alert .error-tip {
    position: absolute;
    bottom: 0;
    left: 32%
}

.qy-func-report-alert .pop-txt {
    display: inline-block;
    font-size: 12px;
    color: #ff6000
}

.qy-func-report-alert.report-success .fixed-box, .qy-func-report-alert.report-warn .fixed-box {
    width: 260px;
    height: 100px;
    margin-left: -130px;
    margin-top: -50px;
    *zoom: 1
}

.qy-func-report-alert.report-success .fixed-box:after, .qy-func-report-alert.report-success .fixed-box:before, .qy-func-report-alert.report-warn .fixed-box:after, .qy-func-report-alert.report-warn .fixed-box:before {
    content: " ";
    display: table;
    clear: both
}

.qy-func-report-alert.report-success .result-box, .qy-func-report-alert.report-warn .result-box {
    float: left;
    width: 175px;
    height: 50px;
    padding: 28px 20px 20px 63px;
    margin: 0 auto;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    border-radius: 5px
}

.qy-func-report-alert.report-success .icon-box, .qy-func-report-alert.report-warn .icon-box {
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 4px;
    margin-right: 20px
}

.qy-func-report-alert.report-success .result-right, .qy-func-report-alert.report-warn .result-right {
    overflow: hidden
}

.qy-func-report-alert.report-success .sprite-play-report, .qy-func-report-alert.report-warn .sprite-play-report {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(//www.iqiyipic.com/common/fix/site-v4/paopao/sprite-form-icons.png);
    background-repeat: no-repeat
}

.qy-func-report-alert.report-success .sprite-play-report.report-icon-right, .qy-func-report-alert.report-warn .sprite-play-report.report-icon-right {
    background-position: -40px -20px
}

.qy-func-report-alert.report-success .sprite-play-report.report-icon-warn, .qy-func-report-alert.report-warn .sprite-play-report.report-icon-warn {
    background-position: 0 -20px
}

.qy-func-report-alert.report-success .result-title, .qy-func-report-alert.report-warn .result-title {
    font-size: 16px;
    color: #00be06
}

.qy-func-report-alert.report-success .result-des, .qy-func-report-alert.report-warn .result-des {
    font-size: 12px;
    color: #999
}

.qy-func-report-alert.report-success.report-warn .result-title, .qy-func-report-alert.report-warn.report-warn .result-title {
    color: #ff6000
}

.qy-player-side-head {
    position: relative;
    z-index: 1;
    background-color: #1f1f1f
}

.qy-player-side-head .head-title {
    position: relative;
    height: 47px;
    padding-left: 20px;
    padding-right: 10px;
    border-bottom: 1px solid #282828
}

.qy-player-side-head .header-txt {
    margin-right: 77px
}

.qy-player-side-head .header-link {
    display: block;
    padding-top: 12px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-player-side-head a.header-link:hover {
    color: #00be06
}

.qy-player-side-head .qy-icon-btn-collect {
    position: absolute;
    top: 12px;
    right: 10px
}

.qy-player-side-head .qy-collected-tip {
    right: 10px;
    top: 47px
}

.qy-player-side-head .qy-collected-tip .collected-arrow-box {
    left: auto;
    right: 40px
}

.qy-player-side-head .episode-tab-box {
    padding: 15px 11px 0 20px
}

.qy-player-side-head.side-head-full .header-txt {
    margin-right: 0
}

.qy-icon-btn-collect {
    display: inline-block
}

.qy-icon-btn-collect .qy-svgicon-collect, .qy-icon-btn-collect .qy-svgicon-collected {
    margin-right: 4px;
    font-size: 14px
}

.qy-icon-btn-collect .txt {
    font-size: 12px
}

.qy-icon-btn-collect .collect, .qy-icon-btn-collect .collected {
    display: block;
    height: 20px;
    line-height: 20px;
    width: 68px;
    border: 2px solid #00be06;
    border-radius: 12px;
    color: #00be06;
    font-size: 0;
    text-align: center
}

.qy-icon-btn-collect .collect:hover, .qy-icon-btn-collect .collected:hover {
    border-color: #00c000;
    color: #00c000
}

.qy-icon-btn-collect .collected {
    border-color: #999;
    color: #999
}

.qy-icon-btn-collect .collected:hover {
    border-color: #00c806;
    color: #00c806
}

.qy-func-collect .collect, .qy-func-collect .collected {
    color: #666
}

.qy-func-collect .collect:hover, .qy-func-collect .collected:hover {
    color: #00be06
}

.qy-func-collect .txt {
    font-size: 14px
}

.qy-collected-tip {
    position: absolute;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    z-index: 1;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1)
}

.qy-collected-tip .collected-arrow-box {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -7px
}

.qy-collected-tip .collected-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px;
    border-color: transparent transparent #e4e4e4;
    top: -14px
}

.qy-collected-tip .collected-arrow:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px;
    border-color: transparent transparent #fff;
    left: -7px;
    top: -6px
}

.qy-collected-tip .collected-tip {
    padding: 7px 10px
}

.qy-collected-tip .txt {
    color: #666;
    font-size: 12px
}

.qy-collected-tip .link {
    color: #00be06
}

.qy-collected-tip .qy-common-close-orange10 {
    margin-left: 8px;
    vertical-align: baseline
}

.qy-collected-tip .qy-svgicon-close {
    font-size: 12px;
    color: #cecece;
    margin-left: 4px;
    vertical-align: top;
    cursor: pointer
}

.qy-collected-tip .qy-svgicon-close:hover {
    color: #00be06
}

.qy-player-side-tab {
    margin-bottom: -15px;
    padding: 15px 0
}

.qy-player-side-tab .side-tab {
    *zoom: 1
}

.qy-player-side-tab .side-tab:after, .qy-player-side-tab .side-tab:before {
    content: " ";
    display: table;
    clear: both
}

.qy-player-side-tab .tab-item {
    float: left;
    margin-left: 20px
}

.qy-player-side-tab .tab-item.selected .tab-link {
    color: #00be06
}

.qy-player-side-tab .tab-link {
    display: block;
    padding: 0 18px;
    height: 28px;
    line-height: 28px;
    background-color: #333;
    color: #999;
    font-size: 14px;
    text-align: center;
    border-radius: 15px
}

.qy-player-side-tab .tab-link:hover {
    color: #00be06
}

.qy-episode-tab {
    position: relative;
    margin-bottom: 7px;
    border-radius: 15px;
    background-color: #181818
}

.qy-episode-tab .tab-bar {
    margin-left: 5px;
    *zoom: 1
}

.qy-episode-tab .tab-bar:after, .qy-episode-tab .tab-bar:before {
    content: " ";
    display: table;
    clear: both
}

.qy-episode-tab .bar-li {
    float: left;
    position: relative;
    width: 57px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    text-align: center
}

.qy-episode-tab .bar-li.selected .bar-link {
    color: #00be06
}

.qy-episode-tab .bar-li.selected:after {
    content: ""
}

.qy-episode-tab .bar-li.selected .arrow979-icon {
    background-position: -20px -60px
}

.qy-episode-tab .bar-li.show-more .bar-link {
    color: #00be06
}

.qy-episode-tab .bar-li.show-more .arrow979-icon {
    margin-top: 10px;
    background-position: -20px -80px
}

.qy-episode-tab .bar-li:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -6px;
    width: 12px;
    height: 2px;
    border-radius: 3px;
    background-color: #00be06
}

.qy-episode-tab .bar-link {
    display: block;
    color: #ccc
}

.qy-episode-tab .bar-link:hover {
    color: #00be06
}

.qy-episode-tab .arrow979-icon {
    margin-top: 11px
}

.qy-episode-tab .tab-box {
    position: absolute;
    top: 30px;
    width: 100%;
    padding: 5px 0 9px;
    background-color: #181818;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 1;
    *zoom: 1
}

.qy-episode-tab .tab-box:after, .qy-episode-tab .tab-box:before {
    content: " ";
    display: table;
    clear: both
}

.qy-episode-tab .scrollbar {
    position: absolute;
    top: 0;
    right: 2px;
    width: 3px;
    height: 30px;
    border-radius: 5px;
    background-color: #333
}

.qy-episode-tab .popup-li {
    float: left;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 13px
}

.qy-episode-tab .popup-li.selected .popup-link {
    color: #00be06
}

.qy-episode-tab .popup-link {
    display: block;
    color: #ccc
}

.qy-episode-tab .popup-link:hover {
    color: #00be06
}

.qy-episode-tab .tab-inner {
    position: relative;
    max-height: 180px;
    overflow: hidden
}

.qy-episode-tab .tab-popup {
    margin-left: 20px;
    *zoom: 1
}

.qy-episode-tab .tab-popup:after, .qy-episode-tab .tab-popup:before {
    content: " ";
    display: table;
    clear: both
}

.qy-episode-tab .right-li {
    float: right;
    margin-right: 15px
}

.qy-episode-tab .more-li {
    width: 78px
}

.qy-episode-tab .more-li.selected:after {
    content: none
}

.qy-episode-tab .more-li.selected .more {
    display: inline-block;
    position: relative
}

.qy-episode-tab .more-li.selected .more:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -6px;
    width: 12px;
    height: 2px;
    border-radius: 3px;
    background-color: #00be06
}

.qy-episode-tab.show-box {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.qy-episode-tab.qy-episode-tab-type1 {
    margin-bottom: 0
}

.qy-episode-tab.qy-episode-tab-type1 .tab-bar {
    margin-left: -9px
}

.qy-episode-tab.qy-episode-tab-type1 .bar-li {
    width: auto;
    min-width: 29px;
    margin-left: 20px
}

.qy-player-side-body {
    padding: 15px 3px 0 20px;
    margin-bottom: 10px;
    overflow: hidden;
    *zoom: 1
}

.qy-player-side-body:after, .qy-player-side-body:before {
    content: " ";
    display: table;
    clear: both
}

.qy-player-side-body .side-content {
    float: left;
    width: 268px;
    background-color: #1f1f1f
}

.qy-player-side-body .side-scrollbar {
    float: right;
    width: 5px
}

.qy-player-side-body .scrollbar {
    width: 5px;
    border-radius: 3px;
    background-color: #333;
    cursor: pointer
}

.qy-player-side-body .slide-enter-active {
    transition: margin-top .3s
}

.qy-play-list-title {
    margin-bottom: 6px;
    line-height: 24px;
    font-size: 16px;
    color: #ccc
}

.qy-play-list .play-list-item {
    position: relative;
    height: 65px;
    margin-bottom: 15px;
    *zoom: 1
}

.qy-play-list .play-list-item:after, .qy-play-list .play-list-item:before {
    content: " ";
    display: table;
    clear: both
}

.qy-play-list .play-list-item.selected .img-border {
    display: block
}

.qy-play-list .play-list-item.selected .title-link {
    color: #00be06
}

.qy-play-list .mod-left {
    float: left;
    width: 116px;
    margin-right: 10px
}

.qy-play-list .mod-right {
    overflow: hidden
}

.qy-play-list .mod-img-link {
    display: block;
    position: relative
}

.qy-play-list .mod-img {
    width: 116px;
    height: 65px
}

.qy-play-list .img-border {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 112px;
    height: 61px;
    border: 2px solid #00be06
}

.qy-play-list .icon-tr {
    position: absolute;
    top: 2px;
    right: 2px
}

.qy-play-list .icon-tr img {
    vertical-align: top
}

.qy-play-list .icon-br {
    position: absolute;
    bottom: 2px;
    right: 2px
}

.qy-play-list .qy-mod-label {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    padding: 0 7px;
    border-radius: 10px
}

.qy-play-list .qy-mod-label .qy-svgicon-hot {
    color: #fff;
    font-size: 12px;
    margin-right: 2px
}

.qy-play-list .popular-user-icon {
    margin-top: 3px;
    margin-right: 2px
}

.qy-play-list .main-title {
    margin-top: 3px;
    height: 40px;
    overflow: hidden
}

.qy-play-list .title-link {
    font-size: 14px;
    line-height: 20px;
    color: #999
}

.qy-play-list .title-link:hover {
    color: #00be06
}

.qy-play-list .sub-title {
    line-height: 14px;
    margin-top: 6px;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.qy-play-list .qy-svgicon-hot, .qy-play-list .qy-svgicon-play-14, .qy-play-list .qy-svgicon-time, .qy-play-list .qy-svgicon-user {
    margin-right: 4px;
    color: #666
}

.qy-play-list .qy-svgicon-play-14, .qy-play-list .qy-svgicon-time {
    font-size: 14px
}

.qy-play-list .qy-svgicon-hot {
    font-size: 12px;
    vertical-align: top
}

.qy-play-list .qy-svgicon-user {
    font-size: 13px;
    vertical-align: top
}

.qy-play-list .count {
    display: inline-block;
    color: #666;
    font-size: 12px;
    font-family: Arial
}

.qy-play-list a.link:hover .count, .qy-play-list a.link:hover .qy-svgicon-user {
    color: #00be06
}

.qy-play-list-more {
    margin-bottom: 15px;
    text-align: center
}

.qy-play-list-more .more-link {
    display: inline-block;
    padding: 0 15px;
    height: 24px;
    line-height: 24px;
    border-radius: 13px;
    background-color: #333;
    text-align: center;
    color: #999;
    font-size: 12px
}

.qy-play-list-more .more-link:hover {
    background-color: #383838
}

.qy-play-list-more .more-link:hover .arrow979-icon {
    background-position: -20px -40px
}

.qy-play-list-more .arrow979-icon {
    margin-top: 8px
}

.qy-play-con {
    padding-top: 25px;
    *zoom: 1
}

.qy-play-con:after, .qy-play-con:before {
    content: " ";
    display: table;
    clear: both
}

.qy-play-con .play-con-mn {
    float: left;
    width: 100%;
    height: 100%
}

.qy-play-con .play-con-mnc {
    margin-right: 305px
}

.qy-play-con .play-con-sd {
    float: right;
    width: 280px;
    padding-left: 25px;
    margin-left: -305px
}

.qy-mod-wrap {
    position: relative;
    margin-bottom: 37px
}

.qy-mod-list-loading {
    text-align: center;
    min-height: 166px;
    background: url(//www.iqiyipic.com/common/fix/site-v4/con-loading.gif) no-repeat 50%
}

.qy-mod-list-loading.mod-vertical-one {
    min-height: 316px
}

@media screen and (max-width: 1155px) {
    .qy-mod-list-loading.mod-vertical-one {
        min-height: 256px
    }
}

.qy-mod-list {
    position: relative;
    overflow: hidden
}

.qy-mod-list .qy-mod-ul {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.qy-mod-list .qy-mod-li {
    vertical-align: top;
    display: inline-block;
    padding-right: 5px
}

.qy-mod-list .qy-mod-li.qy-g-wrap {
    position: absolute;
    right: -5px;
    bottom: 0
}

.qy-mod-list .qy-mod-li.qy-g-wrap.top-h {
    bottom: 194px
}

.qy-mod-list .qy-mod-li .qy-g-inner {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f2f2f2
}

.qy-mod-list.qy-mod-list-wrap .qy-mod-ul {
    margin-right: -5px;
    white-space: normal
}

.qy-mod-list.qy-mod-list-wrap .qy-mod-li {
    margin-bottom: 15px
}

.qy-mod-list.qy-mod-list-wrap .qy-mod-li.qy-g-wrap {
    margin-bottom: 0
}

.qy-mod-list.qy-mod-list-ht {
    max-height: 347px
}

.qy-mod-list.qy-mod-list-vt {
    max-height: 647px
}

.qy-mod-list.qy-mod-list-tr {
    position: absolute;
    top: 42px;
    right: -5px;
    overflow: visible
}

@media screen and (max-width: 1155px) {
    .qy-mod-list.qy-mod-list-ht {
        max-height: 295px
    }

    .qy-mod-list.qy-mod-list-vt {
        max-height: 527px
    }
}

.qy-mod-img {
    width: 195px
}

.qy-mod-img:hover .title-wrap .link-txt {
    color: #00be06
}

.qy-mod-img:hover .handle-link {
    display: block
}

.qy-mod-img:hover .handle .sub {
    margin-right: 56px
}

.qy-mod-img .qy-mod-cover {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .25s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.qy-mod-img .qy-mod-link {
    display: block;
    overflow: hidden;
    width: 195px
}

.qy-mod-img .qy-mod-link, .qy-mod-img .qy-mod-link-wrap {
    position: relative;
    z-index: 1
}

.qy-mod-img .qy-mod-link-wrap:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3)
}

.qy-mod-img .qy-mod-link-wrap:hover .qy-mod-cover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.qy-mod-img .title-wrap {
    position: relative;
    background: #f8f8f8;
    line-height: 1;
    padding: 6px 10px
}

.qy-mod-img .title-wrap .link-txt {
    color: #222
}

.qy-mod-img .title-wrap.multi {
    height: 44px;
    overflow: hidden
}

.qy-mod-img .title-wrap.multi .main {
    height: 44px;
    white-space: normal
}

.qy-mod-img .title-wrap .main {
    cursor: pointer;
    line-height: 22px;
    height: 22px;
    font-size: 14px;
    vertical-align: baseline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-mod-img .title-wrap .text-score {
    float: right;
    color: #ff6200;
    font-size: 16px
}

.qy-mod-img .title-wrap .score-link {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.qy-mod-img .title-wrap .sub {
    line-height: 20px;
    font-size: 12px;
    color: #999;
    margin-top: 2px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-mod-img.vertical .qy-mod-link {
    height: 260px
}

.qy-mod-img.horizon .qy-mod-link {
    height: 110px
}

.qy-mod-img .icon-tr {
    position: absolute;
    right: 5px;
    top: 0
}

.qy-mod-img .icon-tr img {
    vertical-align: top
}

.qy-mod-img .icon-tl {
    position: absolute;
    top: 0;
    left: 0
}

.qy-mod-img .icon-br {
    position: absolute;
    bottom: 5px;
    right: 5px
}

.qy-mod-img .qy-mod-label {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    padding: 0 7px;
    border-radius: 10px
}

.qy-mod-img .handle {
    position: relative
}

.qy-mod-img .handle .sub-link {
    color: #999
}

.qy-mod-img .handle .sub-link:hover {
    color: #00be06
}

.qy-mod-img .handle:hover .sub {
    margin-right: 56px
}

.qy-mod-img .handle-link {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    width: 56px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background-color: #00be06;
    cursor: pointer
}

.qy-mod-img .handle-link:hover {
    background-color: #00c806
}

.qy-mod-img .handle-link.selected {
    background-color: #e0e0e0;
    color: #00be06
}

.qy-mod-img .handle-link.selected:hover {
    background-color: #e8e8e8
}

.qy-mod-img .photo-entry-link {
    display: block;
    padding: 14px 0;
    text-align: center;
    background-color: #fff6ec;
    background-image: url(//www.iqiyipic.com/common/fix/site-v4/play/star-photo-bg.png);
    background-repeat: no-repeat
}

.qy-mod-img .photo-entry {
    display: inline-block;
    padding: 0 14px;
    height: 28px;
    line-height: 28px;
    border-radius: 15px;
    background-color: #ff9d2b;
    color: #fff;
    font-size: 14px;
    text-align: center;
    vertical-align: top
}

.qy-mod-img .photo-entry:hover {
    background-color: #fa9936;
    box-shadow: 0 2px 4px 0 rgba(249, 162, 72, .2)
}

@media screen and (max-width: 1155px) {
    .qy-mod-img, .qy-mod-img .qy-mod-link {
        width: 150px
    }

    .qy-mod-img.vertical .qy-mod-link {
        height: 200px
    }

    .qy-mod-img.horizon .qy-mod-link {
        height: 84px
    }
}

.qy-add-book {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1
}

.qy-add-book .add-link {
    display: inline-block;
    width: 68px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 11px;
    background-color: #00be06
}

.qy-add-book .add-link:hover {
    background-color: #00c806
}

.qy-add-book .qy-collected-tip {
    top: 30px;
    right: 0
}

.qy-add-book .qy-collected-tip .collected-arrow-box {
    left: auto;
    right: 40px
}

.qy-mod-img-turn .qy-common-pageleft32, .qy-mod-img-turn .qy-common-pageright32 {
    position: absolute;
    top: 50%;
    margin-top: -46px;
    z-index: 1
}

.qy-mod-img-turn .qy-common-pageleft32 {
    left: 0
}

.qy-mod-img-turn .qy-common-pageright32 {
    right: 0
}

.qy-mod-img-turn.mod-single .qy-common-pageleft32, .qy-mod-img-turn.mod-single .qy-common-pageright32 {
    margin-top: -37px
}

.qy-mod-title {
    position: relative;
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px
}

.qy-mod-title .mod-title {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 24px;
    color: #222
}

@media screen and (max-width: 1155px) {
    .qy-mod-title .mod-title {
        font-size: 22px
    }
}

.qy-mod-rank-des .rank-item {
    margin-bottom: 15px;
    height: 110px
}

.qy-mod-rank-des .rank-nub {
    width: 85px;
    height: 110px;
    line-height: 110px;
    font-size: 32px;
    color: #00be06;
    float: left;
    text-align: center;
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/sprite-rank-bg.png?v=201805211819) no-repeat -300px 0
}

.qy-mod-rank-des .rank-nub-1 {
    color: #ff3000;
    background-position: 0 0
}

.qy-mod-rank-des .rank-nub-2 {
    color: #ff6003;
    background-position: -100px 0
}

.qy-mod-rank-des .rank-nub-3 {
    color: #ffa215;
    background-position: -200px 0
}

.qy-mod-rank-des .rank-con {
    position: relative;
    float: left;
    width: 195px;
    height: 110px;
    -webkit-filter: saturate(1);
    filter: saturate(1)
}

.qy-mod-rank-des .rank-con:hover {
    box-shadow: 0 0 5px 1px #e9e9e9;
    -webkit-filter: saturate(1.5);
    filter: saturate(1.5)
}

.qy-mod-rank-des .rank-con:hover .rank-tit {
    height: 46px;
    transition: height .6s ease
}

.qy-mod-rank-des .rank-link img {
    width: 100%;
    height: 100%
}

.qy-mod-rank-des .rank-tit {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 28px;
    background: rgba(0, 0, 0, .5);
    overflow: hidden;
    transition: height .6s ease
}

.qy-mod-rank-des .rank-title {
    padding: 0 10px;
    color: #fff;
    line-height: 28px;
    font-size: 14px
}

.qy-mod-rank-des .rank-title-link {
    display: block;
    width: 100%;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-mod-rank-des .rank-title-link:hover {
    color: #00be06
}

.qy-mod-rank-des .rank-txt {
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.qy-mod-rank-des .rank-name-item {
    color: #fff
}

.qy-mod-rank-des .rank-name-item:hover {
    color: #00be06
}

.qy-mod-tab-list-small {
    overflow: hidden;
    margin-bottom: 15px;
    margin-right: -16px
}

.qy-mod-tab-list-small .tab-list-item {
    float: left;
    margin-right: 16px
}

.qy-mod-tab-list-small .tab-list-item.selected .tab-list-link, .qy-mod-tab-list-small .tab-list-item:hover .tab-list-link {
    color: #00be06
}

.qy-mod-tab-list-small .tab-list-link {
    font-size: 14px;
    color: #222;
    display: block;
    width: 58px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #f8f8f8;
    border-radius: 14px
}

.qy-mod-rank-des-min .rank-item {
    margin-bottom: 15px;
    *zoom: 1
}

.qy-mod-rank-des-min .rank-item:after, .qy-mod-rank-des-min .rank-item:before {
    content: " ";
    display: table;
    clear: both
}

.qy-mod-rank-des-min .mod-left {
    float: left;
    width: 116px;
    height: 65px;
    margin-right: 10px
}

.qy-mod-rank-des-min .mod-img-link {
    display: block;
    position: relative;
    overflow: hidden
}

.qy-mod-rank-des-min .mod-img-link:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3)
}

.qy-mod-rank-des-min .mod-img {
    width: 116px;
    height: 65px;
    transition: all .25s ease-in-out
}

.qy-mod-rank-des-min .mod-img:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.qy-mod-rank-des-min .icon-tl {
    position: absolute;
    top: 0;
    left: 0
}

.qy-mod-rank-des-min .sprite-rank-min {
    background-image: url(//www.iqiyipic.com/common/fix/site-v4/play/sprite-rank-min-bg.png);
    background-repeat: no-repeat
}

.qy-mod-rank-des-min .sprite-rank-min.rank-nub {
    display: block;
    padding-right: 3px;
    padding-top: 1px;
    width: 23px;
    height: 31px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background-position: -120px 0
}

.qy-mod-rank-des-min .sprite-rank-min.rank-nub-1 {
    background-position: 0 0
}

.qy-mod-rank-des-min .sprite-rank-min.rank-nub-2 {
    background-position: -40px 0
}

.qy-mod-rank-des-min .sprite-rank-min.rank-nub-3 {
    background-position: -80px 0
}

.qy-mod-rank-des-min .sprite-rank-min.circle-index-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: 1px;
    background-position: -150px 0;
    vertical-align: top
}

.qy-mod-rank-des-min .mod-right {
    overflow: hidden
}

.qy-mod-rank-des-min .title-link {
    display: block;
    line-height: 24px;
    color: #222;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-mod-rank-des-min .title-link:hover {
    color: #00be06
}

.qy-mod-rank-des-min .sub-des {
    margin-bottom: 2px;
    height: 18px;
    color: #999;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-mod-rank-des-min .count {
    color: #999;
    font-size: 12px
}

.qy-mod-rank-des-min .qy-svgicon-circle-index {
    font-size: 15px;
    color: #999
}

.qy-play-bottom {
    margin-bottom: 50px
}

.qy-play-recom .play-recom-ul {
    padding: 10px 0;
    max-height: 170px;
    overflow: hidden;
    background: #f8f8f8
}

.qy-play-recom .play-recom-item {
    width: 192px;
    float: left;
    padding-left: 20px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-play-recom .play-recom-item:hover, .qy-play-recom .play-recom-item:hover .play-recom-link {
    color: #00be06
}

.qy-play-recom .play-recom-link {
    font-size: 14px;
    color: #222
}

.qy-play-recom .play-recom-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px;
    border-color: transparent transparent transparent #6ad66f
}

@media screen and (max-width: 1155px) {
    .qy-play-recom .play-recom-item {
        width: 210px
    }
}

.qy-mod-tab-list-big {
    overflow: hidden;
    margin-bottom: 15px
}

.qy-mod-tab-list-big .tab-list-item {
    float: left;
    margin-right: 20px
}

.qy-mod-tab-list-big .tab-list-item.selected .tab-list-link, .qy-mod-tab-list-big .tab-list-item:hover .tab-list-link {
    color: #00be06
}

.qy-mod-tab-list-big .tab-list-link {
    font-size: 16px;
    color: #222;
    display: block;
    width: 106px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #f8f8f8;
    border-radius: 16px
}

.qy-player-info-area {
    background-color: #292929
}

.qy-player-detail .detail-left {
    padding-top: 14px
}

.qy-player-detail-con {
    *zoom: 1
}

.qy-player-detail-con:after, .qy-player-detail-con:before {
    content: " ";
    display: table;
    clear: both
}

.qy-player-detail-con .detail-mn {
    float: left;
    width: 100%;
    height: 100%
}

.qy-player-detail-con .detail-mnc {
    margin-right: 305px
}

.qy-player-detail-con .detail-sd {
    float: right;
    width: 285px;
    padding-left: 20px;
    margin-left: -305px
}

.qy-player-pca {
    padding-top: 27px;
    width: 285px;
    height: 56px
}

.qy-player-pca.pca-ipad .appDownload_desc, .qy-player-pca.pca-ipad .appDownload_title {
    display: none
}

.qy-player-pca.pca-ipad .pca-link {
    width: 285px;
    height: 56px;
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/pca-ipad.png) no-repeat
}

.qy-player-pca .pca-link {
    position: relative;
    display: block;
    cursor: pointer
}

.qy-player-pca .pca-img {
    width: 285px;
    height: 56px
}

.qy-player-pca .qy-vr-pop {
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -95px;
    width: 191px;
    height: 293px;
    text-align: center;
    z-index: 100
}

.qy-player-pca .popup-close-box {
    position: absolute;
    top: 12px;
    right: 10px
}

.qy-player-pca .qy-svgicon-close {
    font-size: 13px;
    color: #ccc
}

.qy-player-pca .qy-svgicon-close:hover {
    color: #00be06
}

.qy-player-pca .popup-title {
    padding-top: 15px;
    margin-bottom: 4px;
    font-size: 20px;
    color: #1ebd03
}

.qy-player-pca .popup-img-box {
    margin-bottom: 6px
}

.qy-player-pca .popup-img {
    width: 140px;
    height: 140px
}

.qy-player-pca .popup-bottom {
    width: 130px;
    margin: 0 auto 20px;
    border-radius: 3px;
    border: 1px solid #1fbd04
}

.qy-player-pca .bottom-main {
    line-height: 34px;
    background-color: #1fbd04;
    font-size: 18px;
    color: #fff
}

.qy-player-pca .bottom-sub {
    margin: 4px 3px;
    line-height: 32px;
    background-color: #ececec;
    font-size: 14px;
    color: #0e0e0e;
    border-radius: 3px
}

.qy-player-pca .bottom-sub:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/sprite-play-vr.png) no-repeat;
    margin-right: 2px;
    margin-top: 9px;
    vertical-align: top
}

.qy-player-title {
    margin-bottom: 9px;
    *zoom: 1
}

.qy-player-title:after, .qy-player-title:before {
    content: " ";
    display: table;
    clear: both
}

.qy-player-title .player-title {
    float: left;
    max-width: 100%;
    height: 36px;
    color: #ccc;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-player-title .player-title.title-score {
    max-width: 270px
}

.qy-player-title .title-link, .qy-player-title .title-link:hover {
    color: #00be06
}

@media screen and (max-width: 1335px) {
    .qy-player-title.title-score .player-title {
        max-width: 270px
    }
}

@media screen and (min-width: 1336px) and (max-width: 1550px) {
    .qy-player-title.title-score .player-title {
        max-width: 620px
    }
}

@media screen and (min-width: 1551px) and (max-width: 1765px) {
    .qy-player-title.title-score .player-title {
        max-width: 820px
    }
}

@media screen and (min-width: 1766px) {
    .qy-player-title.title-score .player-title {
        max-width: 1020px
    }
}

.qy-player-score {
    float: left;
    position: relative;
    padding: 0 12px;
    margin-left: 10px;
    margin-top: 3px;
    background-color: #1f1f1f;
    font-size: 0;
    color: #999;
    border-radius: 30px;
    z-index: 20
}

.qy-player-score .score-top {
    line-height: 30px
}

.qy-player-score .score-top:hover > .qy-play-icon.arrow979-icon {
    background-position: -20px -40px
}

.qy-player-score .score-my-num, .qy-player-score .score-my-tit, .qy-player-score .score-new, .qy-player-score .score-user-num {
    font-size: 12px;
    display: inline-block;
    vertical-align: top
}

.qy-player-score .score-new {
    font-size: 20px;
    color: #ff6000;
    margin-right: 6px
}

.qy-player-score .score-split-line {
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #999;
    vertical-align: top;
    margin: 9px 6px 0
}

.qy-player-score .score-gray-star {
    display: inline-block;
    position: relative;
    width: 84px;
    height: 12px;
    vertical-align: top;
    margin-right: 7px;
    margin-top: 8px;
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/player-grade-star.png) 0 0;
    cursor: pointer
}

.qy-player-score .score-orange-star {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/player-grade-star.png) 0 -20px;
    cursor: pointer
}

.qy-player-score .score-orange-star.star05 {
    width: 6px
}

.qy-player-score .score-orange-star.star1 {
    width: 12px
}

.qy-player-score .score-orange-star.star15 {
    width: 24px
}

.qy-player-score .score-orange-star.star2 {
    width: 30px
}

.qy-player-score .score-orange-star.star25 {
    width: 42px
}

.qy-player-score .score-orange-star.star3 {
    width: 48px
}

.qy-player-score .score-orange-star.star35 {
    width: 60px
}

.qy-player-score .score-orange-star.star4 {
    width: 66px
}

.qy-player-score .score-orange-star.star45 {
    width: 78px
}

.qy-player-score .score-orange-star.star5 {
    width: 84px
}

.qy-player-score .arrow979-icon {
    margin-right: 10px;
    margin-top: 11px
}

.qy-player-score .score-my {
    display: inline-block
}

.qy-player-score .score-detail {
    position: absolute;
    left: 0;
    top: 30px;
    height: 0;
    min-width: 316px;
    background-color: #1f1f1f;
    font-size: 12px;
    border-radius: 0 0 15px 15px;
    overflow: hidden
}

.qy-player-score .score-detail-title {
    padding-left: 10px;
    margin-top: 9px;
    margin-bottom: 9px
}

.qy-player-score .score-percent {
    padding: 0 30px 15px;
    line-height: 22px
}

.qy-player-score .percent-item {
    *zoom: 1
}

.qy-player-score .percent-item:after, .qy-player-score .percent-item:before {
    content: " ";
    display: table;
    clear: both
}

.qy-player-score .score-percent-des {
    float: left;
    margin-right: 10px;
    width: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-player-score .score-percent-tit {
    float: left;
    margin-right: 10px;
    width: 39px;
    text-align: right
}

.qy-player-score .score-progress-out {
    float: left;
    width: 138px;
    height: 6px;
    position: relative;
    margin-top: 6px;
    margin-right: 10px;
    border-radius: 6px;
    background-color: #292929
}

.qy-player-score .score-progress-in {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #ff6000;
    border-radius: 6px
}

.qy-player-score .score-percent-num {
    float: left;
    width: 25px
}

.qy-player-score.hover {
    min-width: 292px;
    border-radius: 15px 15px 0 0
}

.qy-player-score.hover .arrow979-icon {
    background-position: -20px -40px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s
}

.qy-player-score.hover .score-detail {
    height: 161px;
    transition: height .2s .1s
}

.qy-player-intro {
    margin-bottom: 13px;
    *zoom: 1
}

.qy-player-intro:after, .qy-player-intro:before {
    content: " ";
    display: table;
    clear: both
}

.qy-player-intro .intro-mn {
    float: left;
    width: 100%;
    height: 100%
}

.qy-player-intro .intro-mnc {
    margin-right: 265px;
    *zoom: 1
}

.qy-player-intro .intro-mnc:after, .qy-player-intro .intro-mnc:before {
    content: " ";
    display: table;
    clear: both
}

.qy-player-intro .intro-sd {
    float: right;
    width: 265px;
    margin-left: -265px
}

.qy-player-intro.qy-player-intro-type1 .intro-mnc {
    margin-right: 321px
}

.qy-player-intro.qy-player-intro-type1 .intro-sd {
    width: 321px;
    margin-left: -321px
}

.qy-player-basic-intro {
    float: left;
    *zoom: 1
}

.qy-player-basic-intro:after, .qy-player-basic-intro:before {
    content: " ";
    display: table;
    clear: both
}

.qy-player-basic-intro .basic-item {
    float: left;
    margin-right: 20px;
    font-size: 0;
    cursor: pointer
}

.qy-player-basic-intro .basic-item.hot-red .qy-svgicon-hot {
    color: #e94a46
}

.qy-player-basic-intro .basic-item.hot-orange .qy-svgicon-hot {
    color: #f4772b
}

.qy-player-basic-intro .basic-item.selected .basic-title, .qy-player-basic-intro .basic-item.selected .basic-txt, .qy-player-basic-intro .basic-item.selected .qy-svgicon, .qy-player-basic-intro .basic-item:hover .basic-title, .qy-player-basic-intro .basic-item:hover .basic-txt, .qy-player-basic-intro .basic-item:hover .qy-svgicon {
    color: #00be06
}

.qy-player-basic-intro .basic-item.disabled {
    cursor: default
}

.qy-player-basic-intro .basic-item.disabled .basic-title, .qy-player-basic-intro .basic-item.disabled .basic-txt {
    color: #999
}

.qy-player-basic-intro .basic-item.disabled .qy-svgicon {
    color: #666
}

.qy-player-basic-intro .basic-item.disabled .arrow966-icon {
    display: none
}

.qy-player-basic-intro .basic-title, .qy-player-basic-intro .basic-txt {
    display: inline-block;
    margin-right: 5px;
    line-height: 24px;
    color: #999;
    font-size: 14px
}

.qy-player-basic-intro .qy-svgicon-hot, .qy-player-basic-intro .qy-svgicon-intro, .qy-player-basic-intro .qy-svgicon-play-14 {
    line-height: 24px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    vertical-align: top
}

.qy-player-basic-intro .arrow966-icon {
    margin-top: 9px
}

.qy-player-basic-intro .qy-player-VV .basic-txt {
    font-family: Arial
}

.qy-player-tag {
    height: 24px;
    overflow: hidden
}

.qy-player-tag .tag-item {
    display: inline-block;
    padding: 0 10px;
    margin-right: 8px;
    height: 20px;
    line-height: 20px;
    color: #999;
    font-size: 12px;
    border: 2px solid #4b4b4b;
    border-radius: 13px
}

.qy-player-tag .tag-item:hover {
    color: #00be06
}

.qy-player-maker {
    text-align: right;
    font-size: 0
}

.qy-player-maker .maker-img-link {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: top
}

.qy-player-maker .maker-img {
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.qy-player-maker .maker-name {
    display: inline-block;
    margin-left: 5px;
    height: 24px;
    max-width: 84px;
    line-height: 24px;
    color: #999;
    font-size: 14px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-player-maker .maker-name:hover {
    color: #00be06
}

.qy-player-maker .maker-care {
    display: inline-block;
    vertical-align: top
}

.qy-player-maker .qy-button-play-care, .qy-player-maker .qy-button-play-reward {
    display: inline-block;
    width: 62px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    background-color: #00be06;
    border: 2px solid #00be06;
    border-radius: 13px;
    text-align: center;
    vertical-align: top
}

.qy-player-maker .qy-button-play-care {
    margin-left: 8px
}

.qy-player-maker .qy-button-play-care.selected {
    color: #00be06;
    background-color: #e0e0e0;
    border-color: #e0e0e0
}

.qy-player-maker .qy-button-play-care.selected:hover {
    background-color: #e8e8e8;
    border-color: #e8e8e8
}

.qy-player-maker .qy-button-play-care:hover {
    background-color: #00c806;
    border-color: #00c806
}

.qy-player-maker .qy-button-play-reward {
    color: #00be06;
    background-color: transparent
}

.qy-player-maker .qy-button-play-reward:hover {
    color: #fff;
    border-color: #00c806;
    background-color: #00c806
}

.qy-player-maker .qy-play-reward {
    display: inline-block;
    position: relative;
    margin-left: 10px
}

.qy-player-maker .maker-live {
    display: inline-block;
    vertical-align: top
}

.qy-player-maker .maker-live:hover .living-icon {
    display: none
}

.qy-player-maker .maker-live:hover .towatch-icon {
    display: block
}

.qy-player-maker .living-icon, .qy-player-maker .towatch-icon {
    width: 52px;
    line-height: 20px;
    padding-right: 4px;
    font-size: 12px;
    color: #fff;
    text-align: center
}

.qy-player-maker .towatch-icon {
    display: none
}

.qy-reward-select-pop {
    position: absolute;
    top: 34px;
    right: 0;
    width: 280px;
    text-align: left;
    z-index: 2
}

.qy-reward-select-pop .qy-popup-box .popup-box-arrow {
    left: auto;
    right: 40px
}

.qy-reward-select-pop .reward-hd {
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    color: #222;
    font-size: 14px;
    *zoom: 1
}

.qy-reward-select-pop .reward-hd:after, .qy-reward-select-pop .reward-hd:before {
    content: " ";
    display: table;
    clear: both
}

.qy-reward-select-pop .qy-svgicon-close {
    float: right;
    color: #ccc;
    font-size: 13px;
    cursor: pointer
}

.qy-reward-select-pop .qy-svgicon-close:hover {
    color: #00be06
}

.qy-reward-select-pop .hd-txt {
    overflow: hidden
}

.qy-reward-select-pop .reward-bd {
    margin-left: -1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    *zoom: 1
}

.qy-reward-select-pop .reward-bd:after, .qy-reward-select-pop .reward-bd:before {
    content: " ";
    display: table;
    clear: both
}

.qy-reward-select-pop .reward-money {
    float: left;
    width: 92px;
    height: 92px;
    text-align: center;
    border-top: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    cursor: pointer
}

.qy-reward-select-pop .reward-money:hover {
    background-color: #fbfbfb
}

.qy-reward-select-pop .nums-data {
    color: #ff6000;
    font-size: 24px;
    line-height: 32px
}

.qy-reward-select-pop .money-nums {
    margin-top: 17px;
    color: #ff6000;
    font-size: 12px
}

.qy-reward-select-pop .reward-text {
    color: #999;
    font-size: 12px
}

.qy-reward-pay-pop {
    text-align: left
}

.qy-reward-pay-pop .fixed-box {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -180px;
    margin-left: -290px;
    width: 580px;
    height: 360px;
    z-index: 10002
}

.qy-reward-pay-code {
    padding-top: 44px;
    padding-bottom: 44px;
    *zoom: 1
}

.qy-reward-pay-code:after, .qy-reward-pay-code:before {
    content: " ";
    display: table;
    clear: both
}

.qy-reward-pay-code .reward-pay-left {
    float: left;
    padding: 56px 33px 0;
    *zoom: 1
}

.qy-reward-pay-code .reward-pay-left:after, .qy-reward-pay-code .reward-pay-left:before {
    content: " ";
    display: table;
    clear: both
}

.qy-reward-pay-code .reward-pay-right {
    float: left;
    width: 214px;
    padding: 8px 11px 12px 0;
    border-left: 1px solid #eee
}

.qy-reward-pay-code .maker-wrap, .qy-reward-pay-code .user-wrap {
    float: left;
    width: 81px
}

.qy-reward-pay-code .user-wrap-img {
    margin-bottom: 10px
}

.qy-reward-pay-code .user-img {
    width: 81px;
    height: 81px;
    border-radius: 50%
}

.qy-reward-pay-code .user-name {
    height: 21px;
    color: #222;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-reward-pay-code .pay-con {
    float: left;
    padding-top: 6px;
    width: 124px;
    text-align: center
}

.qy-reward-pay-code .money-nums {
    margin-bottom: 4px;
    color: #ff6000;
    font-size: 18px
}

.qy-reward-pay-code .nums-data {
    font-size: 24px
}

.qy-reward-pay-code .reward-text {
    margin-bottom: 3px;
    color: #999;
    font-size: 12px
}

.qy-reward-pay-code .sprite-reward {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: top;
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/sprite-reward-pop.png) no-repeat
}

.qy-reward-pay-code .arrow {
    display: inline-block;
    width: 100px;
    height: 9px;
    background-position: 0 0
}

.qy-reward-pay-code .pay-right-title {
    margin-bottom: 10px;
    color: #999;
    font-size: 14px;
    text-align: center
}

.qy-reward-pay-code .pay-code {
    position: relative;
    margin: 0 auto 15px;
    padding: 1px;
    width: 122px;
    height: 122px
}

.qy-reward-pay-code .code-img-wrap {
    position: relative;
    padding: 5px
}

.qy-reward-pay-code .code-img {
    width: 112px;
    height: 112px
}

.qy-reward-pay-code .code-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .9)
}

.qy-reward-pay-code .qy-svgicon-change {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    line-height: 30px;
    color: #999;
    font-size: 30px;
    cursor: pointer
}

.qy-reward-pay-code .border-bl, .qy-reward-pay-code .border-br, .qy-reward-pay-code .border-tl, .qy-reward-pay-code .border-tr {
    width: 12px;
    height: 12px;
    border: 1px solid transparent
}

.qy-reward-pay-code .border-tl {
    position: absolute;
    top: 0;
    left: 0;
    border-top-color: #00be06;
    border-left-color: #00be06
}

.qy-reward-pay-code .border-tr {
    position: absolute;
    top: 0;
    right: 0;
    border-top-color: #00be06;
    border-right-color: #00be06
}

.qy-reward-pay-code .border-bl {
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-color: #00be06;
    border-left-color: #00be06
}

.qy-reward-pay-code .border-br {
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom-color: #00be06;
    border-right-color: #00be06
}

.qy-reward-pay-code .pay-type {
    text-align: center
}

.qy-reward-pay-code .reward-alipay {
    margin-right: 8px;
    margin-left: 8px;
    background-position: 0 -20px
}

.qy-reward-pay-code .reward-wechat {
    margin-right: 8px;
    margin-left: 8px;
    background-position: -40px -20px
}

.qy-reward-pay-message {
    padding: 30px 38px
}

.qy-reward-pay-message .msg-main {
    margin-bottom: 16px;
    *zoom: 1
}

.qy-reward-pay-message .msg-main:after, .qy-reward-pay-message .msg-main:before {
    content: " ";
    display: table;
    clear: both
}

.qy-reward-pay-message .get-msg {
    float: left
}

.qy-reward-pay-message .user-wrap {
    width: 70px
}

.qy-reward-pay-message .user-wrap-img {
    margin-bottom: 6px;
    text-align: center
}

.qy-reward-pay-message .user-img {
    width: 61px;
    height: 61px;
    border-radius: 50%
}

.qy-reward-pay-message .user-name {
    height: 21px;
    color: #222;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-reward-pay-message .msg-wrap {
    float: left;
    width: 328px;
    padding: 13px 12px 0
}

.qy-reward-pay-message .msg-con {
    position: relative;
    margin-bottom: 25px;
    padding: 6px 10px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.qy-reward-pay-message .msg-con .arrow {
    position: absolute;
    top: 11px;
    left: -12px;
    width: 12px;
    height: 12px
}

.qy-reward-pay-message .msg-con .arrow-outer {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent #ddd transparent transparent
}

.qy-reward-pay-message .msg-con .arrow-inner {
    position: absolute;
    left: 1px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent #fff transparent transparent
}

.qy-reward-pay-message .msg-txt {
    color: #222;
    font-size: 14px
}

.qy-reward-pay-message .textarea-wrap {
    position: relative;
    padding: 3px 0 18px 5px;
    margin-bottom: 25px;
    height: 83px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.qy-reward-pay-message .textarea-wrap .arrow {
    position: absolute;
    top: 46px;
    right: -12px;
    width: 12px;
    height: 12px
}

.qy-reward-pay-message .textarea-wrap .arrow-outer {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent transparent #ddd
}

.qy-reward-pay-message .textarea-wrap .arrow-inner {
    position: absolute;
    left: -1px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent transparent #fff
}

.qy-reward-pay-message .qy-textarea {
    width: 100%;
    height: 100%;
    font-size: 14px;
    overflow-y: auto;
    border: none;
    outline: none;
    resize: none
}

.qy-reward-pay-message .word-count {
    position: absolute;
    right: 9px;
    color: #999;
    font-size: 12px
}

.qy-reward-pay-message .post-msg {
    float: left;
    margin-top: 96px
}

.qy-reward-pay-message .btn-wrap {
    text-align: center
}

.qy-reward-pay-message .qy-button-middle {
    min-width: 48px;
    margin-right: 18px;
    margin-left: 18px
}

.qy-reward-pay-fail {
    padding: 20px;
    height: 268px;
    text-align: center
}

.qy-reward-pay-fail .fail-txt {
    padding-top: 56px;
    line-height: 26px;
    color: #222;
    font-size: 17px
}

.qy-reward-pay-fail .fail-reason {
    padding-top: 12px;
    color: #ff6000
}

.qy-reward-pay-fail .fail-exit {
    color: #666;
    font-size: 14px
}

.qy-reward-pay-fail .exit-time {
    color: #00be06;
    font-size: 24px
}

.qy-reward-pay-fail .btn-wrap {
    padding-top: 40px
}

.qy-player-intro-pop {
    padding-top: 14px;
    padding-bottom: 17px;
    border-top: 1px solid #373738;
    *zoom: 1
}

.qy-player-intro-pop:after, .qy-player-intro-pop:before {
    content: " ";
    display: table;
    clear: both
}

.qy-player-intro-pop .intro-left {
    position: relative;
    float: left;
    width: 90px;
    min-height: 144px;
    margin-right: 15px
}

.qy-player-intro-pop .intro-right {
    padding-top: 5px;
    overflow: hidden
}

.qy-player-intro-pop .intro-img-link {
    display: block;
    width: 90px;
    height: 120px
}

.qy-player-intro-pop .intro-img-link.disabled {
    cursor: default
}

.qy-player-intro-pop .intro-img {
    width: 100%;
    height: 100%
}

.qy-player-intro-pop .intro-more {
    display: block;
    line-height: 24px;
    color: #00be06;
    font-size: 12px;
    text-align: center
}

.qy-player-intro-pop .intro-more:hover {
    color: #00c806
}

.qy-player-intro-pop .intro-ip {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.qy-player-intro-pop .icon-tr {
    position: absolute;
    top: 0;
    right: 5px
}

.qy-player-intro-pop .title-wrap .main {
    padding: 3px 0;
    height: 18px;
    color: #999;
    font-size: 12px;
    text-align: center;
    background-color: #292929;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-player-intro-pop .title-wrap .link-txt {
    color: #999
}

.qy-player-intro-pop .title-wrap .link-txt:hover {
    color: #00be06
}

.qy-player-intro-pop .intro-detail-item {
    margin-bottom: 7px
}

.qy-player-intro-pop .item-title {
    line-height: 24px;
    color: #666;
    font-size: 14px
}

.qy-player-intro-pop .item-content {
    line-height: 24px;
    vertical-align: top
}

.qy-player-intro-pop .name-wrap {
    margin-right: 12px;
    vertical-align: top
}

.qy-player-intro-pop .name-link {
    color: #ccc;
    font-size: 14px
}

.qy-player-intro-pop .name-link:hover {
    color: #00be06
}

.qy-player-intro-pop .name-span {
    color: #666;
    font-size: 14px
}

.qy-player-intro-pop .content-paragraph {
    line-height: 24px;
    color: #ccc;
    font-size: 14px
}

.qy-player-intro-pop .search-tag {
    display: inline-block;
    margin-right: 8px;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #999;
    background-color: #3a3a3a;
    text-align: center;
    border-radius: 13px
}

.qy-player-intro-pop .search-tag:hover {
    color: #00be06
}

.qy-player-intro-pop .detail-baike {
    text-align: right
}

.qy-player-intro-pop .baike-img {
    width: 58px;
    height: 19px
}

.qy-player-hot-pop {
    position: relative;
    border-top: 1px solid #373738;
    padding-top: 12px
}

.qy-player-hot-pop .hot-head {
    margin-bottom: 12px;
    font-size: 0
}

.qy-player-hot-pop .hot-head-value {
    font-size: 16px;
    color: #ddd
}

.qy-player-hot-pop .hot-head-value:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-top: 9px;
    margin-right: 10px;
    vertical-align: top;
    background-color: #00be06;
    border-radius: 100%
}

.qy-player-hot-pop .hot-head-time {
    font-size: 14px;
    color: #999
}

.qy-player-hot-pop .qy-svgicon-ques {
    font-size: 15px;
    color: #666;
    cursor: pointer
}

.qy-player-hot-pop .qy-svgicon-ques:hover {
    color: #00be06
}

.qy-player-hot-pop .hot-link {
    font-size: 14px;
    color: #00be06
}

.qy-player-hot-pop .hot-link:hover {
    color: #00c806
}

.qy-player-hot-pop .hot-chart-tab {
    margin-bottom: 20px;
    font-size: 0;
    text-align: center
}

.qy-player-hot-pop .chart-tab-item {
    display: inline-block;
    position: relative;
    margin: 0 15px;
    font-size: 16px;
    color: #999;
    cursor: pointer
}

.qy-player-hot-pop .chart-tab-item.selected, .qy-player-hot-pop .chart-tab-item:hover {
    color: #00be06
}

.qy-player-hot-pop .chart-tab-item.selected:after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 5px;
    background-color: #00be06;
    border-radius: 6px
}

.qy-player-hot-pop .hot-chart {
    width: 100%;
    min-width: 550px;
    height: 320px;
    margin-bottom: 15px
}

.qy-player-hot-pop .hot-time-tab {
    padding-bottom: 50px;
    font-size: 0;
    text-align: center
}

.qy-player-hot-pop .time-tab-item {
    display: inline-block;
    margin: 0 10px;
    min-width: 80px;
    height: 26px;
    line-height: 25px;
    background-color: #333;
    border: 1px solid #333;
    border-radius: 30px;
    text-align: center;
    color: #999;
    font-size: 14px;
    cursor: pointer
}

.qy-player-hot-pop .time-tab-item.selected, .qy-player-hot-pop .time-tab-item:hover {
    color: #00be06
}

.qy-player-hot-pop .hot-loading {
    height: 150px;
    text-align: center;
    background: url(//www.iqiyipic.com/common/fix/site-v4/con-loading-292929.gif) no-repeat 50%
}

.qy-player-hot-pop .hot-default {
    padding: 50px 0 80px;
    text-align: center
}

.qy-player-hot-pop .hot-default-tit {
    font-size: 14px;
    color: #666
}

.qy-player-hot-pop .sprite-hot {
    display: inline-block;
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/sprite-hot.png) no-repeat;
    vertical-align: top
}

.qy-player-hot-pop .sprite-hot.sprite-hot-default {
    width: 120px;
    height: 100px;
    margin-bottom: 17px
}

.qy-player-hot-pop .hot-alert {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -289px;
    width: 578px;
    height: 365px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1)
}

.qy-player-hot-pop .alert-box {
    padding-top: 16px
}

.qy-player-hot-pop .alert-head {
    padding-right: 15px;
    text-align: right
}

.qy-player-hot-pop .alert-head .qy-svgicon-close {
    font-size: 13px;
    color: #999;
    cursor: pointer
}

.qy-player-hot-pop .alert-head .qy-svgicon-close:hover {
    color: #00be06
}

.qy-player-hot-pop .alert-body {
    height: 320px;
    overflow-y: auto
}

.qy-player-hot-pop .def-box {
    padding: 0 20px;
    margin-bottom: 16px
}

.qy-player-hot-pop .def-key {
    margin-bottom: 6px;
    font-size: 16px;
    color: #222
}

.qy-player-hot-pop .def-value {
    line-height: 24px;
    font-size: 14px;
    color: #666
}

.qy-player-hot-pop .def-example {
    margin-top: 10px;
    font-size: 0
}

.qy-player-hot-pop .example-item {
    display: inline-block;
    margin-right: 20px;
    padding: 0 15px;
    height: 24px;
    line-height: 24px;
    border-radius: 25px
}

.qy-player-hot-pop .example-item .qy-svgicon-hot {
    margin-right: 6px;
    font-size: 12px;
    vertical-align: top
}

.qy-player-hot-pop .example-item .example-item-tit {
    font-size: 14px
}

.qy-player-hot-pop .example-item.hot-red {
    background-color: #fce9e9
}

.qy-player-hot-pop .example-item.hot-red .qy-svgicon-hot {
    color: #e94a46
}

.qy-player-hot-pop .example-item.hot-red .example-item-tit {
    color: #ea504c
}

.qy-player-hot-pop .example-item.hot-orange {
    background-color: #feeee5
}

.qy-player-hot-pop .example-item.hot-orange .qy-svgicon-hot {
    color: #f4772b
}

.qy-player-hot-pop .example-item.hot-orange .example-item-tit {
    color: #f4772c
}

.qy-player-hot-pop .example-item.hot-gray {
    background-color: #ededed
}

.qy-player-hot-pop .example-item.hot-gray .qy-svgicon-hot {
    color: #666
}

.qy-player-hot-pop .example-item.hot-gray .example-item-tit {
    color: #999
}

.qy-player-hot-pop.hot-white {
    line-height: 1.5;
    border-top-color: #e3efe2
}

.qy-player-hot-pop.hot-white .hot-head-value {
    color: #666
}

.qy-player-hot-pop.hot-white .time-tab-item {
    background: none;
    border-color: #edeff0
}

.qy-player-hot-pop.hot-white .time-tab-item.selected {
    color: #00c000;
    background-color: #d0fdd4;
    border-color: #d0fdd4
}

.qy-player-hot-pop.hot-white .sprite-hot {
    background-image: url(//www.iqiyipic.com/common/fix/site-v4/play/sprite-hot-child.png)
}

.qy-player-hot-pop.hot-white .hot-default-tit {
    color: #89f394
}

.qy-player-hot-pop.hot-white .hot-loading {
    background: url(//www.iqiyipic.com/common/fix/site-v4/con-loading.gif) no-repeat 50%
}

.qy-mod-change {
    position: absolute;
    right: 0;
    top: 11px;
    line-height: 19px;
    font-size: 0;
    cursor: pointer
}

.qy-mod-change:hover .change19 {
    background-position: -200px -40px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: -webkit-transform .3s cubic-bezier(.785, .135, .15, .86);
    transition: transform .3s cubic-bezier(.785, .135, .15, .86);
    transition: transform .3s cubic-bezier(.785, .135, .15, .86), -webkit-transform .3s cubic-bezier(.785, .135, .15, .86)
}

.qy-mod-change:hover .change-txt {
    color: #00be06
}

.qy-mod-change:hover .qy-svgicon-change-bold {
    color: #00be06;
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
    transition: all .3s cubic-bezier(.785, .135, .15, .86)
}

.qy-mod-change.qy-mod-change-ipad .change19 {
    background-position: -200px -40px
}

.qy-mod-change.qy-mod-change-ipad .change-txt, .qy-mod-change.qy-mod-change-ipad .qy-svgicon-change-bold {
    color: #00be06
}

.qy-mod-change.qy-mod-change-ipad:hover .change19, .qy-mod-change.qy-mod-change-ipad:hover .qy-svgicon-change-bold {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.qy-mod-change .change19 {
    margin-right: 2px
}

.qy-mod-change .change-txt {
    color: #666;
    font-size: 14px
}

.qy-mod-change .qy-svgicon-change-bold {
    margin-right: 6px;
    margin-top: 1px;
    width: 16px;
    height: 16px;
    line-height: 1;
    font-size: 16px;
    color: #999;
    vertical-align: top;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.qy-mod-change .qy-svgicon-change-bold:before {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.qy-play-AD {
    width: 100%;
    margin-bottom: 37px;
    overflow: hidden
}

.qy-play-AD.qy-play-side-AD {
    height: 260px
}

.qy-rank-enter {
    position: absolute;
    right: 0;
    top: 3px;
    line-height: 20px
}

.qy-rank-enter .rank-enter-link {
    display: block
}

.qy-rank-enter .rank-enter-txt {
    color: #00be06;
    font-size: 16px
}

.qy-player-absolute {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    padding-top: 10px;
    background-color: #292929
}

.qy-player-absolute .qy-flash-box .flash-box {
    z-index: 300
}

.qy-player-absolute .qy-flash-box .flash-box.videoWindow {
    z-index: 3000
}

.qy-player-absolute.turn-off .qy-flash-box .flash-box {
    z-index: 5500
}

.qy-player-absolute.fullscreen-page .qy-flash-box .flash-box {
    z-index: 3000
}

.qy-player-off {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    z-index: 5400
}

.qy-player-off .player-on {
    float: right;
    display: block;
    width: 166px;
    height: 66px;
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/sprite-turnOn.png) no-repeat
}

.qy-player-off .player-on:hover {
    background-position: 0 -74px
}

.qy-player-side-vip .vip-btn {
    margin-bottom: 15px
}

.qy-player-side-vip .btn-wrap {
    position: relative
}

.qy-player-side-vip .link-wrap {
    margin-top: 6px;
    line-height: 20px;
    *zoom: 1
}

.qy-player-side-vip .link-wrap:after, .qy-player-side-vip .link-wrap:before {
    content: " ";
    display: table;
    clear: both
}

.qy-player-side-vip .vip-txt {
    color: #999;
    font-size: 12px
}

.qy-player-side-vip .vip-link {
    float: right;
    color: #c9a166;
    font-size: 12px
}

.qy-player-side-vip .vip-link:hover {
    color: #e2bc81
}

.qy-player-side-vip .vip-code {
    margin-bottom: 15px;
    *zoom: 1
}

.qy-player-side-vip .vip-code:after, .qy-player-side-vip .vip-code:before {
    content: " ";
    display: table;
    clear: both
}

.qy-player-side-vip .code-wrap {
    float: left;
    margin-right: 20px
}

.qy-player-side-vip .info-wrap {
    padding-top: 4px;
    overflow: hidden
}

.qy-player-side-vip .info-title {
    margin-top: 0;
    line-height: 26px;
    color: #c9a166;
    font-size: 14px
}

.qy-player-side-vip .info-gray {
    line-height: 24px;
    color: #999;
    font-size: 12px
}

.qy-player-side-vip .vippay-btn-tip {
    position: absolute;
    top: -14px;
    right: -10px;
    padding: 0 8px;
    line-height: 22px;
    background-color: #ff6000;
    color: #fff;
    font-size: 12px;
    border-radius: 22px 22px 22px 0;
    text-align: center
}

.qy-player-side-vip.tennis-vip .vip-link {
    color: #00c13b
}

.qy-player-side-vip.tennis-vip .vip-link:hover {
    color: #00d440
}

.qy-player-side-vip.tennis-vip .info-title {
    color: #00c13b
}

.qy-player-vip-code {
    position: relative;
    width: 78px;
    height: 78px;
    border: 1px solid #584b38
}

.qy-player-vip-code .border-tl {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #dbb272;
    border-left: 2px solid #dbb272
}

.qy-player-vip-code .border-br {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #dbb272;
    border-right: 2px solid #dbb272
}

.qy-player-vip-code .code-con {
    position: relative;
    padding: 4px
}

.qy-player-vip-code .code-img {
    width: 100%;
    height: 100%
}

.qy-player-vip-code .code-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6)
}

.qy-player-vip-code .qy-svgicon-change {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    color: #dbb272;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer
}

.tennis-vip .qy-play-vip-code, .tennis-vip .qy-play-vip-code .border-br, .tennis-vip .qy-play-vip-code .border-tl {
    border-color: #00c13b
}

.qy-button-block-gradient {
    display: block;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    color: #000;
    font-size: 14px;
    text-align: center;
    background-color: #dab176;
    background: linear-gradient(90deg, #c8a06a, #dab176)
}

.qy-button-block-gradient:hover {
    color: #000;
    background: #e2bc81
}

.tennis-vip .qy-button-block-gradient {
    color: #fff;
    background-color: #00c13b;
    background: linear-gradient(90deg, #6bdd4b, #13bc46)
}

.tennis-vip .qy-button-block-gradient:hover {
    color: #fff;
    background: #00d440
}

.qy-player-vippay-alert .vippay-alert {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -116px;
    margin-left: -290px;
    border: 1px solid #000;
    background-color: #242424;
    z-index: 10002
}

.qy-player-vippay-alert .vippay-alert.db-alert {
    margin-left: -214px
}

.qy-player-vippay-alert .vippay-alert.db-alert .major-txt {
    text-align: left
}

.qy-player-vippay-alert .vippay-alert.db-nlogin-alert {
    margin-left: -214px;
    margin-top: -128px
}

.qy-player-vippay-alert .vippay-alert.db-nlogin-alert .major-txt {
    text-align: left
}

.qy-player-vippay-alert .vippay-alert.hy-alert {
    margin-top: -106px;
    margin-left: -214px
}

.qy-player-vippay-alert .vippay-alert.hy-alert .major-txt {
    text-align: left
}

.qy-player-vippay-alert .vippay-alert.hy-nlogin-alert {
    margin-left: -214px
}

.qy-player-vippay-alert .vippay-alert.hy-nlogin-alert .major-txt {
    text-align: left
}

.qy-player-vippay-alert .vippay-alert.dbq-nVip-nQuan-alert, .qy-player-vippay-alert .vippay-alert.qydb-nVip-alert {
    margin-top: -106px
}

.qy-player-vippay-alert .vippay-alert.qydb-yVip-alert {
    margin-top: -106px;
    margin-left: -162px
}

.qy-player-vippay-alert .vippay-alert.dbq-confirm-alert {
    margin-left: -162px
}

.qy-player-vippay-alert .alert-head {
    text-align: right;
    padding: 11px
}

.qy-player-vippay-alert .qy-svgicon-close {
    display: inline-block;
    width: 12px;
    height: 18px;
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/sprite-player-pay.png?v=20181217) 0 3px no-repeat;
    cursor: pointer
}

.qy-player-vippay-alert .qy-svgicon-close:before {
    display: none
}

.qy-player-vippay-alert .qy-svgicon-close:hover {
    background-position: -60px 3px
}

@media screen and (min-width: 0) {
    .qy-player-vippay-alert .qy-svgicon-close {
        color: #7f7f7f;
        font-size: 12px;
        background: none
    }

    .qy-player-vippay-alert .qy-svgicon-close:before {
        display: inline
    }

    .qy-player-vippay-alert .qy-svgicon-close:hover {
        color: #9f9f9f
    }
}

.qy-player-vippay-alert .alert-body {
    padding: 10px 40px 20px
}

.qy-player-vippay-alert .major-txt {
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 26px
}

.qy-player-vippay-alert .minor-txt {
    font-size: 12px;
    color: #ff6012;
    text-align: center;
    line-height: 22px
}

.qy-player-vippay-alert .btn-wrap {
    text-align: center;
    font-size: 0;
    padding: 20px 0 30px;
    margin: 0 -7px
}

.qy-player-vippay-alert .vippay-btn {
    position: relative;
    display: inline-block;
    margin: 0 7px;
    width: 242px;
    height: 36px;
    line-height: 36px;
    background-color: #dab176;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer
}

.qy-player-vippay-alert .vippay-btn.vippay-btn-major:hover {
    background-color: #e2bc81
}

.qy-player-vippay-alert .vippay-btn.vippay-btn-minor {
    background-color: #fff;
    color: #c8a06a
}

.qy-player-vippay-alert .vippay-btn-tip {
    position: absolute;
    top: -14px;
    right: -10px;
    padding: 0 8px;
    line-height: 22px;
    min-width: 80px;
    background-color: #ff6000;
    color: #fff;
    font-size: 12px;
    border-radius: 22px 22px 22px 0
}

.qy-player-vippay-alert .link-tr {
    margin: 0 auto;
    width: 242px;
    line-height: 18px;
    text-align: right
}

.qy-player-vippay-alert .vip-link {
    color: #c8a06a;
    font-size: 12px
}

.qy-player-vippay-alert .vip-link:hover {
    color: #dab176
}

.qy-player-vippay-alert .alert-foot {
    padding: 0 40px;
    margin-top: -18px;
    line-height: 40px;
    height: 40px;
    background-color: #363636
}

.qy-player-vippay-alert .no-login-tip {
    color: #ccc;
    font-size: 12px
}

.qy-player-vippay-alert .login-link {
    color: #00be06
}

.qy-player-vippay-alert .login-link:hover {
    color: #00c806
}

.qy-play-role-tab {
    height: 85px;
    overflow: hidden
}

.qy-play-role-tab .role-tab {
    margin-right: -4px;
    *zoom: 1
}

.qy-play-role-tab .role-tab:after, .qy-play-role-tab .role-tab:before {
    content: " ";
    display: table;
    clear: both
}

.qy-play-role-tab .role-item {
    position: relative;
    float: left;
    width: 200px;
    padding-bottom: 23px
}

.qy-play-role-tab .role-item.selected .role-img-wrap, .qy-play-role-tab .role-item:hover .role-img-wrap {
    border-color: #00be06
}

.qy-play-role-tab .role-item.selected .line, .qy-play-role-tab .role-item:hover .line {
    display: block
}

.qy-play-role-tab .role-wrap {
    cursor: pointer;
    *zoom: 1
}

.qy-play-role-tab .role-wrap:after, .qy-play-role-tab .role-wrap:before {
    content: " ";
    display: table;
    clear: both
}

.qy-play-role-tab .role-img-wrap {
    position: relative;
    float: left;
    margin-right: 6px;
    padding: 2px;
    border: 2px solid #fff;
    border-radius: 50%
}

.qy-play-role-tab .role-img {
    display: inline-block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #f6f6f6;
    background-image: url(//www.iqiyipic.com/common/fix/site-v4/play/role-default-head54.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.qy-play-role-tab .role-con {
    float: left;
    width: 132px;
    padding-top: 5px
}

.qy-play-role-tab .actor-name {
    margin-bottom: 4px;
    font-size: 0
}

.qy-play-role-tab .role-name-link {
    display: inline-block;
    max-width: 107px;
    height: 27px;
    margin-right: 6px;
    color: #222;
    font-size: 18px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-play-role-tab .role-name-link:hover {
    color: #00be06
}

.qy-play-role-tab .ranking-name .role-name-link {
    max-width: 65px
}

.qy-play-role-tab .ranking-num {
    display: inline-block;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    border-radius: 10px;
    text-align: center;
    color: #ff8b40;
    font-size: 12px;
    background-color: #fff3ec;
    vertical-align: top;
    margin-top: 4px
}

.qy-play-role-tab .ranking-num:hover {
    color: #f77f45
}

.qy-play-role-tab .role-name {
    height: 21px;
    color: #999;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-play-role-tab .qy-common-msgdot {
    margin-top: 4px
}

.qy-play-role-tab .line {
    display: none;
    position: absolute;
    bottom: 7px;
    left: 21px;
    width: 20px;
    height: 5px;
    border-radius: 6px;
    background-color: #00be06
}

.qy-play-role-tab .role-cover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .7)
}

.qy-play-role-tab .role-down {
    position: absolute;
    left: 50%;
    top: 18px;
    margin-left: -5px;
    width: 9px;
    height: 19px;
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/role-down.png);
    -webkit-animation: roleDown .8s 3 forwards;
    animation: roleDown .8s 3 forwards
}

@-webkit-keyframes roleDown {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes roleDown {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.qy-play-role-tab .role-discuss {
    width: 175px;
    margin-right: 21px;
    margin-top: 4px
}

.qy-play-role-tab .role-discuss:hover .role-name {
    color: #00be06
}

.qy-play-role-tab .role-discuss:hover .role-cover {
    display: block
}

.qy-play-role-tab .role-discuss .role-wrap {
    border-radius: 28px;
    background-color: #f5f5f5
}

.qy-play-role-tab .role-discuss .role-img-wrap {
    border: none;
    padding: 0
}

.qy-play-role-tab .role-discuss .role-name-link {
    margin-right: 0;
    color: #00be06
}

.qy-play-role-tab .role-discuss .role-name {
    color: #999
}

.qy-play-role-tab .role-discuss .role-con {
    padding-top: 4px;
    width: 115px
}

.qy-play-role-tab .role-discuss .actor-name {
    margin-bottom: 0
}

.qy-play-side-introduction {
    font-size: 14px
}

.qy-play-side-introduction .vInfoSide_cTop {
    overflow: hidden
}

.qy-play-side-introduction .vInfoSide_imgLink {
    width: 110px;
    height: 146px;
    float: left;
    margin-right: 15px
}

.qy-play-side-introduction .vInfoSide_img {
    width: 100%;
    height: 100%
}

.qy-play-side-introduction .vInfoSide_ul {
    float: left;
    width: 155px
}

.qy-play-side-introduction .vInfoSide_item {
    line-height: 24px;
    color: #222;
    clear: both
}

.qy-play-side-introduction .vInfoSide_rTit {
    font-size: 16px;
    color: #222;
    height: 24px;
    line-height: 24px;
    margin-bottom: 2px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-play-side-introduction .left_lable {
    color: #999;
    float: left
}

.qy-play-side-introduction .vInfoSide_rSpan {
    display: block;
    max-height: 48px;
    overflow: hidden
}

.qy-play-side-introduction .vInfoSide_startBox {
    padding-top: 15px;
    line-height: 24px;
    position: relative
}

.qy-play-side-introduction .vInfoSide_startL {
    color: #666
}

.qy-play-side-introduction .start_name {
    font-size: 0
}

.qy-play-side-introduction a.start_nameTxt {
    font-size: 14px;
    color: #222
}

.qy-play-side-introduction a.start_nameTxt:hover {
    color: #00be06
}

.qy-play-side-introduction span.start_nameTxt {
    font-size: 14px;
    color: #222
}

.qy-play-side-introduction .thinLine {
    display: inline-block;
    width: 1px;
    height: 14px;
    background-color: #eaeaea;
    vertical-align: top;
    margin: 6px 6px 0
}

.qy-play-side-introduction .characterName {
    font-size: 14px;
    color: #999;
    padding-left: 5px
}

.qy-play-side-introduction .vInfoSide_bot {
    padding-top: 8px
}

.qy-play-side-introduction .videoInfo_jj {
    font-size: 14px;
    line-height: 24px;
    color: #222;
    word-wrap: break-word
}

.qy-play-side-introduction .color_999 {
    color: #999
}

.qy-play-side-introduction .works_linkMore {
    color: #00be06
}

.qy-play-side-introduction .star-info-box {
    position: relative;
    height: 80px;
    padding-left: 95px;
    margin-bottom: 15px
}

.qy-play-side-introduction .star-info-left {
    position: absolute;
    top: 0;
    left: 0
}

.qy-play-side-introduction .star-head-box {
    display: block;
    width: 80px;
    height: 80px
}

.qy-play-side-introduction .star-head {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.qy-play-side-introduction .star-info-con {
    padding-top: 10px
}

.qy-play-side-introduction .star-name {
    margin-bottom: 3px
}

.qy-play-side-introduction .star-name-link {
    font-size: 20px;
    color: #222;
    vertical-align: top
}

.qy-play-side-introduction .star-name-link:hover {
    color: #00be06
}

.qy-play-side-introduction .ranking-num {
    display: inline-block;
    padding: 0 6px;
    height: 20px;
    line-height: 20px;
    border-radius: 11px;
    text-align: center;
    color: #ff8b40;
    font-size: 14px;
    background-color: #fff3ec;
    vertical-align: top
}

.qy-play-side-introduction .ranking-num:hover {
    color: #f77f45
}

.qy-play-side-introduction .ranking-num-no {
    line-height: 20px;
    color: #999;
    font-size: 14px
}

.qy-play-side-introduction .star-photo-box {
    margin-bottom: 15px;
    *zoom: 1
}

.qy-play-side-introduction .star-photo-box:after, .qy-play-side-introduction .star-photo-box:before {
    content: " ";
    display: table;
    clear: both
}

.qy-play-side-introduction .photo-box-left {
    float: left;
    width: 149px
}

.qy-play-side-introduction .photo {
    width: 100%;
    height: 100%
}

.qy-play-side-introduction .photo-box-right {
    float: right;
    width: 125px
}

.qy-play-side-introduction .photo-inner {
    margin-bottom: 5px
}

.qy-play-side-introduction .photo-link-12572 {
    position: relative;
    display: block;
    width: 125px;
    height: 72px
}

.qy-play-side-introduction .cover-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .35);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#59000000", endColorstr="#59000000")
}

.qy-play-side-introduction .cover-con {
    color: #ebebeb;
    font-size: 14px;
    text-align: center;
    line-height: 72px
}

.qy-play-side-introduction .cover-con:hover {
    color: #f5f5f5
}

.qy-play-side-introduction .vInfoSide-kv {
    font-size: 14px;
    line-height: 24px
}

.qy-play-side-introduction .kv_item {
    float: left;
    width: 140px
}

.qy-play-side-introduction .kv_item em {
    color: #999
}

.qy-play-side-introduction .limitTxt {
    display: inline-block;
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    color: #222
}

.qy-play-side-introduction .limitTxt .no {
    color: #999
}

.qy-play-side-introduction .vInfo-full {
    width: 280px;
    clear: both;
    padding-top: 10px
}

.qy-play-side-introduction .piclist_90120 {
    margin-left: -5px;
    padding-top: 14px
}

.qy-play-side-introduction .piclist_90120 li {
    width: 90px;
    margin-left: 5px;
    float: left
}

.qy-play-side-introduction .piclist_90120_img {
    height: 120px;
    overflow: hidden;
    position: relative
}

.qy-play-side-introduction .piclist_90120_img img {
    width: 100%;
    height: 100%
}

.qy-play-side-introduction .piclist_90120_txt {
    height: 20px;
    line-height: 20px;
    padding: 0 7px;
    border-radius: 10px;
    position: absolute;
    right: 2px;
    bottom: 2px;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#66000000", endColorstr="#66000000");
    background: rgba(0, 0, 0, .6);
    color: #fff
}

.qy-play-side-introduction .piclist_90120_tit {
    display: block;
    height: 34px;
    line-height: 34px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-play-side-introduction .piclist_90120_tit:hover {
    color: #00be06
}

.info-side-fix {
    position: fixed;
    top: 92px;
    width: 280px;
    background-color: #fff
}

@media screen and (max-width: 1335px) {
    .qy-play-side-introduction .piclist_90120 {
        display: none
    }
}

@media screen and (min-width: 1336px) and (max-width: 1550px) {
    .qy-play-side-introduction .piclist_90120 {
        display: none
    }
}

.qy-play-side-start-pop {
    width: 280px;
    position: absolute;
    top: -215px;
    left: 0;
    z-index: 51
}

.qy-play-side-start-pop .qy-popup-box .popup-box-arrow {
    display: block;
    left: 100px;
    top: auto;
    bottom: -14px
}

.qy-play-side-start-pop .qy-popup-box .popup-box-arrowOut {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px;
    border-color: #e4e4e4 transparent transparent
}

.qy-play-side-start-pop .qy-popup-box .popup-box-arrowIn {
    top: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px;
    border-color: #fff transparent transparent
}

.qy-play-side-start-pop .start_cardT {
    width: 278px;
    height: 110px;
    text-align: center;
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/info-star-sex-bg.png) no-repeat 0 -120px
}

.qy-play-side-start-pop .start_cardTWon {
    background: url(//www.iqiyipic.com/common/fix/site-v4/play/info-star-sex-bg.png) no-repeat 0 0
}

.qy-play-side-start-pop .start_img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    display: inline-block;
    margin-top: 15px
}

.qy-play-side-start-pop .start_img img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.qy-play-side-start-pop .startPop_name {
    display: inline-block;
    font-size: 14px;
    color: #222
}

.qy-play-side-start-pop .startPop_name:hover {
    color: #00be06
}

.qy-play-side-start-pop .start_cardB {
    line-height: 20px;
    padding: 15px 20px 0;
    color: #666;
    font-size: 12px;
    height: 125px
}

.qy-play-side-start-pop .works_item {
    *zoom: 1;
    word-break: break-all
}

.qy-play-side-start-pop .works_item:after, .qy-play-side-start-pop .works_item:before {
    content: " ";
    display: table;
    clear: both
}

.qy-play-side-start-pop .ovL {
    float: left
}

.qy-play-side-start-pop .ovR {
    overflow: hidden
}

.qy-play-side-start-pop .mb7 {
    margin-bottom: 7px
}

.qy-play-side-start-pop .works_line {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qy-play-side-start-pop .works_link {
    color: #666
}

.qy-play-side-start-pop .works_link:hover {
    color: #00be06
}

.qy-play-role-empty {
    height: 166px;
    line-height: 166px;
    font-size: 16px;
    color: #999;
    text-align: center
}

.qy-play-role-empty.vertical {
    height: 316px;
    line-height: 316px
}

@media screen and (max-width: 1335px) {
    .qy-play-role-empty {
        height: 140px;
        line-height: 140px
    }

    .qy-play-role-empty.vertical {
        height: 256px;
        line-height: 256px
    }
}